/*
 * Antora Supplemental — green brand layer on Valentus 2.x chrome.
 * Loads after site-visual.css / site-read-width.css.
 * Prefer token overrides so site-visual !important rules pick up org colors.
 */

:root {
  /* Org palette (welcome-site parity) */
  --as-ink: #14261a;
  --as-ink-muted: #3d5a45;
  --as-paper: #f3faf5;
  --as-paper-deep: #e4f2e8;
  --as-elevated: #ffffff;
  --as-leaf: #1b5e20;
  --as-leaf-bright: #2e7d32;
  --as-leaf-soft: #a5d6a7;
  --as-moss: #0d1a12;
  --as-border: #c8e6c9;
  --as-accent-soft: rgba(27, 94, 32, 0.1);

  /* Valentus 2.x visual tokens */
  --adt-canvas: var(--as-paper);
  --adt-elevated: var(--as-elevated);
  --adt-ink: var(--as-ink);
  --adt-ink-muted: var(--as-ink-muted);
  --adt-accent: var(--as-leaf);
  --adt-accent-hover: var(--as-leaf-bright);
  --adt-accent-soft: var(--as-accent-soft);
  --adt-border: var(--as-border);
  --adt-chrome: var(--as-paper-deep);
  --adt-chrome-border: var(--as-border);
  --adt-nav-bg: transparent;
  --adt-shadow-float: 0 0.35rem 1rem rgba(13, 26, 18, 0.1);
  --adt-shadow-sticky: 0 4px 16px rgba(13, 26, 18, 0.07);

  /* Bridged layout / header tokens */
  --adt-bc-kicker-fg: var(--adt-accent);
  --adt-bc-kicker-bg: var(--adt-accent-soft);
  --adt-bc-kicker-border: color-mix(in srgb, var(--adt-accent) 28%, transparent);
  --adt-header-bar-bg: var(--adt-chrome);
  --adt-header-bar-fg: var(--adt-ink);
  --adt-header-bar-border: var(--adt-chrome-border);
  --adt-header-bar-hover: var(--adt-accent-soft);
}

html.dark-theme {
  --as-ink: #d8ecd9;
  --as-ink-muted: #9bb89d;
  --as-paper: #0d1a12;
  --as-paper-deep: #152620;
  --as-elevated: #142a1c;
  --as-leaf: #81c784;
  --as-leaf-bright: #a5d6a7;
  --as-leaf-soft: #2e7d32;
  --as-moss: #e8f5e9;
  --as-border: rgba(46, 125, 50, 0.45);
  --as-accent-soft: rgba(129, 199, 132, 0.12);

  --adt-canvas: var(--as-paper);
  --adt-elevated: var(--as-elevated);
  --adt-ink: var(--as-ink);
  --adt-ink-muted: var(--as-ink-muted);
  --adt-accent: var(--as-leaf);
  --adt-accent-hover: var(--as-leaf-bright);
  --adt-accent-soft: var(--as-accent-soft);
  --adt-border: var(--as-border);
  --adt-chrome: var(--as-paper-deep);
  --adt-chrome-border: var(--as-border);
  --adt-nav-bg: transparent;
  --adt-shadow-float: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.45);
  --adt-shadow-sticky: 0 6px 18px rgba(0, 0, 0, 0.35);
  --adt-header-vcs-icon-filter: none;

  --adt-bc-kicker-fg: var(--adt-accent);
  --adt-bc-kicker-bg: var(--adt-accent-soft);
  --adt-bc-kicker-border: color-mix(in srgb, var(--adt-accent) 35%, transparent);
  --adt-header-bar-bg: var(--adt-chrome);
  --adt-header-bar-fg: var(--adt-ink);
  --adt-header-bar-border: var(--adt-chrome-border);
  --adt-header-bar-hover: var(--adt-accent-soft);
}

/* Display headings lean moss on light; keep ink for dark via tokens. */
html:not(.dark-theme) .doc h1,
html:not(.dark-theme) .doc h1.page,
html:not(.dark-theme) .doc .adt-page-title,
html:not(.dark-theme) .doc h2 {
  color: var(--as-moss) !important;
}

html.dark-theme .navbar .button,
html.dark-theme .navbar .button.is-primary {
  background-color: #1b3324;
  border-color: #388e3c;
  color: #e8f5e9;
}

html.dark-theme .navbar .button:hover,
html.dark-theme .navbar .button.is-primary:hover {
  background-color: #234d32;
}