/* ============================================================
   Theme "lightning" (default) — Lightning Native
   Real SLDS token values (BSD-3, see LICENSE-SLDS.txt); brand
   yellow only as: wordmark dot, availability badge, hero
   highlight-underline, stat numbers.
   ============================================================ */

:root {
  /* Canvas & surfaces */
  --color-bg: #F3F3F3;
  --color-card-bg: #FFFFFF;
  --color-ink: #080707;
  --color-text: #3E3E3C;
  --color-muted: #706E6B;
  --color-border: #E5E5E5;
  --color-rule: #EDEBE9;

  /* Accent */
  --color-accent: #0176D3;
  --color-eyebrow: #0176D3;
  --color-link: #0176D3;
  --color-brand-yellow: #F8B125;

  /* Chrome */
  --color-topbar: #0176D3;
  --color-header-bg: rgba(255, 255, 255, 0.92);
  --header-line: 1px solid #E5E5E5;
  --color-toggle-active: #032D60;

  /* Buttons (SLDS brand + neutral) */
  --color-btn-primary-bg: #0176D3;
  --color-btn-primary-text: #FFFFFF;
  --color-btn-primary-hover: #014486;
  --color-btn-outline-text: #0176D3;
  --color-btn-outline-border: #DDDBDA;
  --shadow-cta: 0 2px 4px rgba(1, 118, 211, 0.25);

  /* Availability badge: yellow pill, dark text */
  --color-avail-text: #111111;
  --color-avail-bg: #F8B125;
  --avail-radius: 999px;
  --avail-pad: 2px 10px;

  /* Hero highlight underline */
  --color-hl: rgba(248, 177, 37, 0.45);

  /* Diagram */
  --color-diagram-link: #0176D3;
  --color-diagram-hub: #0176D3;
  --color-diagram-hub-text: #FFFFFF;

  /* Stats — SLDS blue so the theme toggle visibly affects them */
  --color-stat: #0176D3;

  /* Dark sections (SLDS dark blue) */
  --color-dark-bg: #032D60;
  --color-dark-bg-deep: #02234A;
  --color-on-dark: #FFFFFF;
  --color-on-dark-muted: #A9CBF2;
  --color-on-dark-accent: #57A3FD;
  --color-footer-rule: rgba(255, 255, 255, 0.15);
  --color-glow: rgba(27, 150, 255, 0.25);

  /* Cards */
  --color-icon-bg: #0176D3;
  --card-top-accent: 1px solid var(--color-border);
  --shadow-card: 0 2px 2px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.1);

  /* Chips */
  --chip-a-bg: #ECEBEA;
  --chip-a-text: #080707;
  --chip-b-bg: #EAF4FD;
  --chip-b-border: #C5E0F7;
  --chip-b-text: #032D60;
  --chip-c-border: #C9C9C9;
  --chip-c-text: #3E3E3C;
}

/* Lightning card anatomy: header row separated from body */
.card-head { border-bottom: 1px solid var(--color-rule); padding-bottom: 12px; }