/* Theme palettes: Earth Light and Ocean Dark */

:root,
:root[data-theme='light'] {
  /* Little River Light */
  --c-bg: #FFF8ED;               /* warm cream */
  --c-surface: #FFFFFF;          /* white surface */
  --c-surface-footer: #65435F;   /* plum footer */
  --c-text: #373D42;             /* charcoal */
  --c-muted: #6E7479;            /* soft gray */
  --c-link: #65435F;             /* plum */
  --c-link-hover: #4F334A;       /* deeper plum */
  --c-link-visited: #7A5A75;     /* softened plum */
  --c-border: rgba(55, 61, 66, 0.12);
  --c-code-bg: #FFF2E5;          /* warm panel */
  --c-code-text: #4A3A46;        /* readable code */
  --c-accent: #F5D9D5;           /* blush accent */
  --c-btn-bg: #F5D9D5;           /* blush buttons */
  --c-btn-bg-hover: #EEC7C3;     /* deeper blush */
  --c-btn-text: #65435F;         /* plum text */
  /* Page header overlay (Light) */
  --page-hero-overlay: rgba(101, 67, 95, 0.75);
  /* Menu dropdown panel background (Light) */
  --menu-panel-bg: var(--c-surface);
  /* Legacy: glass tint var (unused by panel) */
  --menu-glass-bg: rgba(101, 67, 95, 0.12);
}


/* Apply to major surfaces and text */
html, body {
  background-color: var(--c-bg);
  color: var(--c-text);
}

a { color: var(--c-link); }
a:visited { color: var(--c-link-visited); }
a:hover { color: var(--c-link-hover); }

/* Masthead and footer surfaces */
/* Masthead colors are handled by custom glass styles. */

/* Force theme-driven overlay for hero headers */
.page__hero--overlay { background-color: var(--page-hero-overlay) !important; }

.page__footer {
  background-color: var(--c-surface-footer) !important;
  color: var(--c-bg);
}
.page__footer a,
.page__footer-follow a,
.page__footer-nav a { color: var(--c-bg) !important; }

.page__footer a:hover,
.page__footer-follow a:hover,
.page__footer-nav a:hover { color: var(--c-accent) !important; }

.page__footer a:visited,
.page__footer-follow a:visited,
.page__footer-nav a:visited { color: var(--c-bg) !important; }

/* Force theme link colors in masthead navigation */
.masthead a,
.greedy-nav a,
.site-title,
.greedy-nav .visible-links a,
.greedy-nav .hidden-links a { color: var(--c-link) !important; }

.masthead a:hover,
.greedy-nav a:hover,
.site-title:hover,
.greedy-nav .hidden-links a:hover { color: var(--c-link-hover) !important; }

/* Underline bar color on hover in main nav */
.greedy-nav .visible-links a:before { background: var(--c-link) !important; }

/* Content accents */
hr { border-color: var(--c-border); }
blockquote { color: var(--c-text); border-inline-start: 4px solid var(--c-border); }

/* Tables */
.page__content table { border-color: var(--c-border); }
.page__content th, .page__content td { border-color: var(--c-border); }

/* Code blocks */
pre, code, samp, kbd, .highlighter-rouge, .highlight {
  background-color: var(--c-code-bg) !important;
  color: var(--c-code-text) !important;
}

/* Cards/notice surfaces (light touch) */
.notice, .notice--primary, .notice--info,
.archive__item, .sidebar, .page__content .toc {
  background-color: var(--c-surface);
  border-color: var(--c-border);
}