/* ============================================================================
   IHC 2026 Brand Tokens — alex.investhamiltoncounty.com
   Source: hamilton-implementation/brand-assets/ihc-2026/style-sheet/IHC-Style Sheet-FNL.pdf
   Mirrors alex-core/design-system/v2/css/tokens-shared.css + tokens-ihc-2026.css
   ============================================================================ */

:root {
  /* ---- Brand palette (IHC 2026 — verified against PMS Pantone references) ---- */
  --color-purple:    #413494;  /* PMS 2098 CP — primary */
  --color-red:       #E52823;  /* PMS 2035 CP — accent */
  --color-blue:      #5EAEE0;  /* PMS 284  CP — secondary */
  --color-gold:      #F9C20A;  /* PMS 7549 CP — warm */
  --color-charcoal:  #495965;  /* PMS 431  CP — text */
  --color-green:     #82C341;  /* PMS 376  CP — positive */
  --color-pink:      #CE509D;  /* PMS 674  CP — special */

  /* Purple tints (per style sheet — 33% + 66% are official design tools) */
  --color-purple-66: #8d83b9;
  --color-purple-33: #c6c0dd;
  --color-purple-10: #ecebf4;

  /* Functional */
  --color-ink:       #1a1a2e;
  --color-bg:        #ffffff;
  --color-surface:   #f7f7fa;
  --color-surface-alt: #fafbfd;
  --color-border:    #e3e5eb;
  --color-border-strong: #c9cdd6;
  --color-muted:     #6c757d;
  --color-success:   var(--color-green);
  --color-warning:   var(--color-gold);
  --color-danger:    var(--color-red);

  /* ---- Typography ----
     Print-canonical: Gotham HTF (primary) + Archer (secondary)
     Web substitutes per CLAUDE.md: Montserrat (Gotham HTF) + Lora (Archer)
     ---- */
  --font-heading: 'Montserrat', 'Gotham HTF', system-ui, -apple-system, sans-serif;
  --font-body:    'Lora', 'Archer', Georgia, serif;
  --font-ui:      'Montserrat', 'Gotham HTF', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

  /* Weights */
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  /* Type scale */
  --fs-2xs:  0.6875rem;   /* 11px */
  --fs-xs:   0.75rem;     /* 12px */
  --fs-sm:   0.875rem;    /* 14px */
  --fs-base: 1rem;        /* 16px */
  --fs-md:   1.125rem;    /* 18px */
  --fs-lg:   1.375rem;    /* 22px */
  --fs-xl:   1.75rem;     /* 28px */
  --fs-2xl:  2.25rem;     /* 36px */
  --fs-3xl:  3rem;        /* 48px */
  --fs-4xl:  4rem;        /* 64px */

  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-normal:  1.55;
  --lh-relaxed: 1.7;

  --tracking-tight:  -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.08em;
  --tracking-button:  0.06em;

  /* ---- Spacing — 4px base ---- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* ---- Layout ---- */
  --container-max: 1240px;
  --container-md:  960px;
  --container-sm:  720px;
  --nav-height:    72px;
  --radius-sm:  4px;
  --radius:     8px;
  --radius-lg:  14px;
  --radius-xl:  20px;

  /* ---- Elevation ---- */
  --shadow-xs:  0 1px 2px rgba(20, 18, 50, 0.04);
  --shadow-sm:  0 2px 6px rgba(20, 18, 50, 0.06), 0 1px 2px rgba(20, 18, 50, 0.04);
  --shadow-md:  0 6px 18px rgba(20, 18, 50, 0.08), 0 2px 6px rgba(20, 18, 50, 0.05);
  --shadow-lg:  0 16px 40px rgba(20, 18, 50, 0.12), 0 4px 12px rgba(20, 18, 50, 0.06);
  --shadow-glow-purple: 0 8px 28px rgba(65, 52, 148, 0.22);

  /* ---- Motion ---- */
  --ease:        cubic-bezier(0.2, 0, 0, 1);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --duration:    180ms;
  --duration-lg: 320ms;
}

/* ---- HCT brand override (preserved for future per-tenant deployments) ---- */
html[data-brand="hct"] {
  --color-purple:   #00ADBB;
  --color-red:      #D6001C;
  --color-charcoal: #5B6770;
}