/* ============================================================
   THEME TOKENS — BDS design kit (Balanced Design Solutions)
   Navy #292936 + green #7bb73b on white/light gray. Flat: no
   glow layer, no shadows, 4px radii. See design_kits.md (BDS).

   This file and brand.js are the ONLY files that differ from
   the Hermes build (engineering-desktop/); app.css and all
   JS/data are byte-identical. Refresh via sync-bds.ps1.

   Build notes:
   - Brand green #7bb73b is used for FILLS (buttons, active bar).
     For green TEXT (key results, success values) we use #527a28,
     a darkened green — pure #7bb73b on white is ~2.4:1 contrast,
     unreadable as text. Swatch-vs-wordmark green (#7bb73b vs
     ~#84bd4d): using #7bb73b throughout per plan.
   - White button text on #7bb73b is ~2.4:1 (below WCAG 4.5:1) —
     kept per plan ("green fill, white text"); switch
     --btn-primary-ink to #292936 (5.7:1) if that matters.
   - --panel2 (hover/selected fills) is #E9EBEF light gray, not
     white as the plan's token sketch had — a selected state
     must be visible against white insets.
   ============================================================ */

:root {
  /* --- Core palette --- */
  --bg:      #FFFFFF;
  --ink:     #292936;   /* primary text = navy */
  --muted:   #6B6E7B;   /* secondary text */
  --dim:     #6B6E7B;
  --panel:   #F4F5F7;   /* cards */
  --panel2:  #E9EBEF;   /* hover / selected fills */
  --line:    #D9DCE1;   /* hairline borders */
  --line-faint: #ECEEF1;
  --gold:    #292936;   /* heading / accent slot → navy */
  --orange:  #7bb73b;   /* primary-button slot → BDS green (fills) */
  --cyan:    #527a28;   /* success slot → green, darkened for text contrast */
  --auburn:  #292936;
  --pink:    #292936;
  --danger:  #C0392B;
  --shadow:  none;

  /* --- Inset surfaces: white fields with visible borders on gray cards --- */
  --inset:        #FFFFFF;
  --inset-strong: #FFFFFF;   /* RPN display */
  --inset-soft:   #FFFFFF;   /* notices, chart-note pills */
  --inset-soft2:  #FFFFFF;   /* spectrum segments */
  --row-hover:    #E9EBEF;   /* table-row hover, family highlight */
  --override-bg:  #EDEEF2;   /* manual-K override input */

  /* --- Accent-tinted borders (navy/green tints on light) --- */
  --gold-border-soft:   rgba(41, 41, 54, 0.3);
  --gold-border-div:    rgba(41, 41, 54, 0.35);
  --gold-border:        rgba(41, 41, 54, 0.4);
  --gold-border-strong: rgba(41, 41, 54, 0.55);
  --gold-border-hot:    rgba(41, 41, 54, 0.65);
  --orange-border:      rgba(123, 183, 59, 0.6);
  --cyan-border:        rgba(82, 122, 40, 0.5);
  --danger-border:      rgba(192, 57, 43, 0.5);

  /* --- Text on filled accents --- */
  --btn-primary-ink: #FFFFFF;  /* white on green, per plan */
  --accent2-text: #527a28;     /* --orange slot used AS TEXT — darkened green */

  /* --- Key result numbers (kit rule: green on key data) --- */
  --result-ink: #527a28;

  /* --- Sidebar: navy with white text, green active bar --- */
  --sidebar-bg:        #292936;
  --sidebar-line:      #292936;
  --sidebar-ink:       #FFFFFF;
  --sidebar-muted:     rgba(255, 255, 255, 0.78);
  --sidebar-dim:       rgba(255, 255, 255, 0.55);
  --sidebar-hover:     rgba(255, 255, 255, 0.08);
  --sidebar-active-bg: rgba(255, 255, 255, 0.12);
  --sidebar-active-ink: #FFFFFF;
  --sidebar-accent:    #7bb73b;   /* green active-panel bar */

  /* --- Brand block: full-bleed white band at the top of the navy
         sidebar. The logo asset is the full-color-on-white version
         (JPG, no transparency), so it sits on white per the kit rule;
         negative margins cancel the sidebar's 22px/14px padding. --- */
  --brand-bg:     #FFFFFF;
  --brand-pad:    16px 18px 12px;
  --brand-margin: -22px -14px 0;
  --brand-ink:    #292936;
  --brand-dim:    #6B6E7B;

  /* --- Structure: flat kit, 4px everywhere (pills stay pills) --- */
  --radius-card:    4px;
  --radius-btn:     4px;
  --radius-control: 4px;
  --radius-small:   4px;
  --radius-pill:    999px;

  /* --- No glow in the BDS kit --- */
  --glow-layer: none;
}