/* LCHSP — Design Tokens
   Source of truth for the "modern civic" design language. Values mirror the
   design handoff (README "Design Tokens" + source/styles.css) exactly.

   MULTI-SECTOR NOTE: This file holds the HEALTHCARE sector tokens (baked in
   per the brief). To spin up another sector (e.g. Construction-Aggregate),
   override the brand block below in a sector-specific stylesheet — layout,
   spacing, radii, and type stay identical across sectors. */

:root {
  /* Brand — sector-tokenizable */
  --teal: #1B5E6B;          /* Primary brand */
  --teal-deep: #134650;     /* Primary hover / deep emphasis */
  --teal-light: #E6EEEF;    /* Backgrounds, chips on light surfaces */
  --navy: #12354A;          /* Secondary brand, Advocacy committee */
  --navy-deep: #0B2233;     /* Footer background, dark sections */
  --moss: #4A6B3A;          /* Collaboration committee, "coming soon" chips */
  --moss-light: #EEF1E8;    /* Moss chip backgrounds */
  --moss-deep: #3A5530;     /* Collaboration deep (from prototype) */

  /* Neutrals — shared across sectors */
  --cream: #F5F1EA;         /* Soft section backgrounds */
  --cream-deep: #ECE6DB;    /* Hover/border accents */
  --paper: #FBF8F2;         /* Base background — dominant page color */
  --ink: #1A1F24;           /* Primary text */
  --ink-60: #1A1F24CC;      /* Secondary text (60%) */
  --ink-40: #1A1F2499;      /* Tertiary / metadata */
  --ink-20: #1A1F2440;      /* Disabled */
  --rule: #D9D2C4;          /* Hairline rules and card borders */
  --rule-strong: #AFA896;   /* Emphasized rules */

  /* Type families */
  --serif: 'Fraunces', 'Source Serif Pro', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* Spacing / layout */
  --container-max: 1280px;
  --container-pad: 40px;
  --container-pad-mobile: 20px;
  --section-pad: 96px;

  /* Shadows (used sparingly — feedback FAB + modal) */
  --shadow-fab: 0 8px 28px -8px rgba(0,0,0,0.35);
  --shadow-modal: 0 40px 100px -20px rgba(0,0,0,0.5);

  /* Hero overlay gradient (full-bleed hero — baked-in variant) */
  --hero-overlay: linear-gradient(180deg, rgba(11,34,51,.35) 0%, rgba(11,34,51,.7) 100%);
}