/*
 * Defence Observer — brand theme for UX4G (ux4g-web-components@3.0.2)
 *
 * Colours are the live site's own "Broadsheet Paper" tokens, read from https://defenseobserver.pages.dev/
 * on 31 Oct 2026 and converted from OKLCH:
 *   --theme-accent-primary  oklch(0.38 0.14 28)    → #7C1310  primary-600
 *   --theme-spark           oklch(0.32 0.14 28)    → #690000  primary-700 (hover)
 *   --theme-canvas          oklch(0.985 0.005 85)  → #FCFAF6  neutral-50  (page)
 *   --theme-surface         oklch(0.955 0.009 85)  → #F3F0E9  neutral-100 (panels)
 *   --theme-surface-elevated oklch(0.996 0.003 85) → #FFFEFB  neutral-0   (cards)
 *   --theme-border-subtle   oklch(0.80 0.014 85)   → #C2BDB4  neutral-300 (borders)
 *   --theme-ink-primary     oklch(0.14 0.015 255)  → #06090F  neutral-900 (text)
 *   --theme-ink-subtle      oklch(0.36 0.015 255)  → #383E45  neutral-700 (secondary text)
 * Crest gold #CC9C42 is the secondary ramp. Remaining steps are interpolated in OKLCH on the same hues.
 *
 * Root token overrides only, on token names verified in the shipped stylesheet. Every UX4G semantic
 * token (bg-*, text-*, border-color-*, buttons, tabs, chips, journey timeline, focus) aliases these steps.
 *
 * Contrast (WCAG 2.1 AA):
 *   Light  accent on canvas 10.29:1 · canvas on accent 10.29:1 · on hover 12.58:1 · accent on primary-soft 8.72:1
 *          ink on canvas 19.12:1 · secondary text on surface 9.50:1 · tertiary (500) on surface 5.26:1
 *          gold 600 on canvas 6.35:1
 *   Dark   brand 300 on #06090F 9.56:1 · ink on primary-strong 300 9.56:1 · on hover 400 5.99:1
 *          brand 300 on primary-soft 800 7.56:1 · gold 300 on ink 10.58:1 · text on elevated 18.04:1
 */
:root {
  /* Primary — Defence Observer accent (600 = --theme-accent-primary) */
  --ux4g-color-primary-50: #FFF4F2 !important;
  --ux4g-color-primary-100: #FFE1DD !important;
  --ux4g-color-primary-200: #FFC3BB !important;
  --ux4g-color-primary-300: #F69C90 !important;
  --ux4g-color-primary-400: #DF695C !important;
  --ux4g-color-primary-500: #B33830 !important;
  --ux4g-color-primary-600: #7C1310 !important;
  --ux4g-color-primary-700: #690000 !important;
  --ux4g-color-primary-800: #4F0002 !important;
  --ux4g-color-primary-900: #370504 !important;
  --ux4g-color-primary-950: #240302 !important;

  /* Secondary — crest gold */
  --ux4g-color-secondary-50: #FCF6EC !important;
  --ux4g-color-secondary-100: #FBE9CA !important;
  --ux4g-color-secondary-200: #F4D29B !important;
  --ux4g-color-secondary-300: #E3B667 !important;
  --ux4g-color-secondary-400: #CC9C42 !important;
  --ux4g-color-secondary-500: #A97E2C !important;
  --ux4g-color-secondary-600: #785715 !important;
  --ux4g-color-secondary-700: #614509 !important;
  --ux4g-color-secondary-800: #493407 !important;
  --ux4g-color-secondary-900: #332305 !important;
  --ux4g-color-secondary-950: #1E1403 !important;

  /* Neutral — broadsheet paper and ink */
  --ux4g-color-neutral-0: #FFFEFB !important;
  --ux4g-color-neutral-50: #FCFAF6 !important;
  --ux4g-color-neutral-100: #F3F0E9 !important;
  --ux4g-color-neutral-200: #E7E2D9 !important;
  --ux4g-color-neutral-300: #C2BDB4 !important;
  --ux4g-color-neutral-500: #5E646B !important;
  --ux4g-color-neutral-600: #424850 !important;
  --ux4g-color-neutral-700: #383E45 !important;
  --ux4g-color-neutral-800: #1B2026 !important;
  --ux4g-color-neutral-900: #06090F !important;
  --ux4g-color-neutral-950: #0D1218 !important;
}