/* Arkansas palette. Keep layout and content in their owning component styles. */
:root {
  --ar-cardinal: #9d2235;
  --ar-cardinal-hover: #80172b;
  --ar-forest: #173f35;
  --ar-forest-deep: #102f28;
  --ar-forest-bright: #326955;
  --ar-gold: #d0a14b;
  --ar-white: #fff;
  --ar-page: #f5f8f6;
  --ar-surface: #fff;
  --ar-wash: #edf4ef;
  --ar-text: #192e25;
  --ar-muted: #52645b;
  --ar-brand-text: #225445;
  --ar-red-text: #9d2235;
  --ar-red-wash: #fbecef;
  --ar-gold-text: #78571c;
  --ar-gold-wash: #fff5dc;
  --ar-border: #c3d3c9;
  --ar-border-strong: #789585;
  --ar-shadow: 0 12px 36px #102f2810;
  color-scheme: light;
}
html[data-theme="dark"], html:has(> body.dark) {
  --ar-page: #0b211a;
  --ar-surface: #142f25;
  --ar-wash: #1e3c30;
  --ar-text: #f4f8f5;
  --ar-muted: #c0d1c5;
  --ar-brand-text: #b0ddc4;
  --ar-red-text: #ffb3be;
  --ar-red-wash: #46232c;
  --ar-gold-text: #f0d28d;
  --ar-gold-wash: #3a321c;
  --ar-border: #486656;
  --ar-border-strong: #82a18f;
  --ar-shadow: 0 12px 36px #0003;
  color-scheme: dark;
}
/* Aliases let every existing tool share the palette, including embedded tools. */
:root, body, body.light, body.dark {
  --bg: var(--ar-page) !important;
  --surface: var(--ar-surface) !important;
  --surface2: var(--ar-wash) !important;
  --text: var(--ar-text) !important;
  --text-muted: var(--ar-muted) !important;
  --brand: var(--ar-brand-text) !important;
  --brand-light: var(--ar-brand-text) !important;
  --brand-glow: var(--ar-wash) !important;
  --header-from: var(--ar-forest-deep) !important;
  --header-mid: var(--ar-forest) !important;
  --header-to: var(--ar-forest-bright) !important;
  --border: var(--ar-border) !important;
  --border-strong: var(--ar-border-strong) !important;
  --white: var(--ar-white) !important;
  --cream-50: var(--ar-page) !important;
  --cream-100: var(--ar-wash) !important;
  --cream-200: var(--ar-border) !important;
  --sage-150: var(--ar-wash) !important;
  --sage-300: var(--ar-border) !important;
  --ink-900: var(--ar-text) !important;
  --ink-700: var(--ar-text) !important;
  --ink-500: var(--ar-muted) !important;
  --gold: var(--ar-gold-text) !important;
  --gold-600: var(--ar-gold-text) !important;
  --gold-500: var(--ar-gold) !important;
  --gold-300: #f0d28d !important;
  --rust-600: var(--ar-red-text) !important;
  --rust-100: var(--ar-red-wash) !important;
  --danger: var(--ar-red-text) !important;
  --danger-bg: var(--ar-red-wash) !important;
  --success: var(--ar-brand-text) !important;
  --info: var(--ar-brand-text) !important;
  --warn: var(--ar-gold-text) !important;
  --panel: var(--ar-surface) !important;
  --panel-2: var(--ar-wash) !important;
  --ink: var(--ar-text) !important;
  --muted: var(--ar-muted) !important;
  --line: var(--ar-border) !important;
  --accent: var(--ar-cardinal) !important;
  --accent-2: var(--ar-cardinal-hover) !important;
  --accent-soft: var(--ar-red-wash) !important;
  --warning: var(--ar-gold-text) !important;
  --warning-bg: var(--ar-gold-wash) !important;
  --good: var(--ar-brand-text) !important;
  --good-bg: var(--ar-wash) !important;
  --navy: var(--ar-forest-deep) !important;
  --navy-2: var(--ar-forest) !important;
  --paper: var(--ar-page) !important;
  --purple: var(--ar-cardinal) !important;
  --green: var(--ar-forest-bright) !important;
  --li-accent: var(--ar-cardinal) !important;
}
html, html > body, html > body[class] { background: var(--ar-page); color: var(--ar-text); }
a { color: var(--ar-brand-text); }
button:not([class]) { background: var(--ar-wash); color: var(--ar-brand-text); border-color: var(--ar-border-strong); }
body :is(input, select, textarea) { background-color: var(--ar-surface); color: var(--ar-text); border-color: var(--ar-border-strong); accent-color: var(--ar-cardinal); }
body :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid var(--ar-gold); outline-offset: 3px; }
::selection { background: var(--ar-cardinal); color: var(--ar-white); }
.portal-header, .arkansas-site-nav { background: linear-gradient(110deg,var(--ar-forest-deep),var(--ar-forest)); border-bottom: 3px solid var(--ar-gold); color: var(--ar-white); }
#header-nav-h1 #main-nav-n1 a, #header-nav-h1 #main-nav-n1 .nav-tab, .arkansas-site-nav a { color: var(--ar-white); }
.portal-ready { color: #ffe5a6; font-size: 13px; font-weight: 650; }
/* Keep utility controls legible in both themes, including the mobile menu. */
#header-nav-h1 .portal-header-tools button,
#header-nav-h1 #mobile-menu-btn-m1 {
  background: #fff;
  color: #102f28;
  border-color: #c3d3c9;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  min-height: 36px;
}
#header-nav-h1 .portal-header-tools button:hover,
#header-nav-h1 #mobile-menu-btn-m1:hover { background: #fff5dc; color: #102f28; }
#header-nav-h1 .portal-header-tools [data-theme-toggle] { min-width: 36px; font-size: 18px; }
#header-nav-h1 #main-nav-n1 .nav-tab.active,
#header-nav-h1 #main-nav-n1 .nav-tab.active:hover,
.arkansas-site-nav nav a[aria-current="page"],
.arkansas-site-nav nav a[aria-current="page"]:hover { background: var(--ar-cardinal); color: var(--ar-white); }
.portal-header nav .portal-research, .arkansas-site-nav nav a:last-child { border-color: var(--ar-gold); }
.portal-header nav .portal-research:hover { background: var(--ar-cardinal); }
.portal-scope { background: var(--ar-surface); }
.portal-hero { border-bottom: 3px solid var(--ar-gold); }
.portal-hero h1, .portal-hero p { color: var(--ar-white); }
.portal-category-grid .cat-card { background: var(--ar-surface); border-color: var(--ar-border); box-shadow: var(--ar-shadow); }
.portal-category-grid .cat-card:hover, .portal-category-grid .cat-card:focus-visible { border-color: var(--ar-cardinal); }
.portal-category-grid .cat-card strong { color: var(--ar-brand-text); }
.portal-category-count { color: var(--ar-red-text); }
.step-dot.active { background: var(--ar-cardinal); color: var(--ar-white); }
.step-dot.done { background: var(--ar-forest); color: var(--ar-white); }
.step-dot.future { background: var(--ar-wash); color: var(--ar-muted); border: 1px solid var(--ar-border); }
.portal-category-icon, .quick-action-icon { background: var(--ar-wash); }
.quick-action[data-quick="urgent"] .quick-action-icon { background: var(--ar-red-wash); color: var(--ar-red-text); }
.portal-situation:hover { border-color: var(--ar-cardinal); background: var(--ar-wash); }
.btn-primary, html[data-theme="dark"] .btn-primary,
.button-primary, .li-button:not(.secondary):not(.danger),
.privacy-dialog-continue, .discovery-question button, .chat-start-over,
.chat-form button[type="submit"], .scout-panel .chat-form button,
.portal-workspace-tabs [aria-selected="true"], .portal-about-tabs [aria-selected="true"],
.li-tab[aria-selected="true"] { background: var(--ar-cardinal); color: var(--ar-white); border-color: var(--ar-cardinal); }
.btn-primary:hover, .button-primary:hover:not(:disabled), .li-button:not(.secondary):not(.danger):hover,
.privacy-dialog-continue:hover { background: var(--ar-cardinal-hover); color: var(--ar-white); }
.button-secondary, .li-button.secondary { background: var(--ar-wash); color: var(--ar-brand-text); border-color: var(--ar-border); }
.card, .li-panel, .li-card, .li-sidebar, .li-workspace-bar, .resource-card, .launcher-card { background: var(--ar-surface); color: var(--ar-text); }
.arkansas-native .resources-section, .arkansas-native .assistant-page, .resource-guide-library { background: var(--ar-page); }
.portal-scout, .arkansas-native-scout, .scout-launcher { background: var(--ar-forest); color: var(--ar-white); border-color: var(--ar-gold); }
.li-caution, .li-gap, .offline-preview-banner { background: var(--ar-gold-wash); color: var(--ar-gold-text); border-color: var(--ar-gold); }
.li-caution strong, .offline-preview-banner strong { color: var(--ar-gold-text); }
.li-hero :is(.li-eyebrow, .li-stat span), .cwi-hero small, .ob-hero small { color: #f0d28d; }
.site-header { background: var(--ar-surface); border-color: var(--ar-border); }
@media print {
  :root, html[data-theme="dark"], html:has(> body.dark) { --ar-page:#fff; --ar-surface:#fff; --ar-wash:#f2f5f3; --ar-text:#192e25; --ar-muted:#52645b; --ar-brand-text:#225445; --ar-red-text:#9d2235; --ar-gold-text:#78571c; --ar-border:#c3d3c9; --ar-red-wash:#fbecef; --ar-gold-wash:#fff5dc; color-scheme:light; }
}

:root, body, .topic-guidance {
  --cwi-border: var(--ar-border) !important;
  --cwi-card: var(--ar-surface) !important;
  --cwi-gold: var(--ar-gold-text) !important;
  --cwi-green: var(--ar-brand-text) !important;
  --cwi-ink: var(--ar-text) !important;
  --cwi-muted: var(--ar-muted) !important;
  --cwi-pale: var(--ar-wash) !important;
  --enhance-border: var(--ar-border) !important;
  --enhance-cream: var(--ar-wash) !important;
  --enhance-gold: var(--ar-gold-text) !important;
  --enhance-ink: var(--ar-text) !important;
  --enhance-mint: var(--ar-wash) !important;
  --enhance-pine: var(--ar-brand-text) !important;
  --enhance-rust: var(--ar-red-text) !important;
  --explain-amber: var(--ar-gold-text) !important;
  --explain-amber-soft: var(--ar-wash) !important;
  --explain-blue: var(--ar-brand-text) !important;
  --explain-blue-soft: var(--ar-wash) !important;
  --explain-green: var(--ar-brand-text) !important;
  --explain-lilac: var(--ar-wash) !important;
  --explain-lilac-soft: var(--ar-wash) !important;
  --explain-red: var(--ar-red-text) !important;
  --intel-blue: var(--ar-brand-text) !important;
  --intel-border: var(--ar-border) !important;
  --intel-danger: var(--ar-red-text) !important;
  --intel-gold: var(--ar-gold-text) !important;
  --intel-green: var(--ar-brand-text) !important;
  --intel-ink: var(--ar-text) !important;
  --intel-mist: var(--ar-wash) !important;
  --intel-moss: var(--ar-brand-text) !important;
  --intel-paper: var(--ar-page) !important;
  --intel-warn: var(--ar-gold-text) !important;
  --ld-border: var(--ar-border) !important;
  --ld-deep: var(--ar-forest-deep) !important;
  --ld-gold: var(--ar-gold-text) !important;
  --ld-gold-bg: var(--ar-wash) !important;
  --ld-green: var(--ar-brand-text) !important;
  --ld-green-2: var(--ar-brand-text) !important;
  --ld-ink: var(--ar-text) !important;
  --ld-mint: var(--ar-wash) !important;
  --ld-muted: var(--ar-muted) !important;
  --ld-paper: var(--ar-page) !important;
  --ld-red: var(--ar-red-text) !important;
  --ld-white: var(--ar-surface) !important;
  --li-accent: var(--ar-cardinal) !important;
  --li-border: var(--ar-border) !important;
  --li-gold: var(--ar-gold-text) !important;
  --li-green: var(--ar-brand-text) !important;
  --li-green2: var(--ar-brand-text) !important;
  --li-ink: var(--ar-text) !important;
  --li-mint: var(--ar-wash) !important;
  --li-muted: var(--ar-muted) !important;
  --li-paper: var(--ar-page) !important;
  --li-red: var(--ar-red-text) !important;
  --ob-border: var(--ar-border) !important;
  --ob-card: var(--ar-surface) !important;
  --ob-cream: var(--ar-wash) !important;
  --ob-gold: var(--ar-gold-text) !important;
  --ob-green: var(--ar-brand-text) !important;
  --ob-green-2: var(--ar-brand-text) !important;
  --ob-ink: var(--ar-text) !important;
  --ob-muted: var(--ar-muted) !important;
  --ob-pale: var(--ar-wash) !important;
  --ob-rust: var(--ar-red-text) !important;
  --tg-border: var(--ar-border) !important;
  --tg-green: var(--ar-brand-text) !important;
}