/* ==========================================================================
   Signlight design tokens  ·  v0.1 (2026-10-08)
   Source: Modern Edge client folder "Signlight SGN" (SGN1701 → SGN2601)
   See brand/STYLE-GUIDE.md for usage rules.

   Two layers:
     --sl-*  Signlight product brand (marketing, product, web)
     --me-*  Modern Edge engagement documents for Signlight (reports, plans, decks)
   ========================================================================== */

/* Optional web fallback for Avenir Next (not on Windows/Android):
   <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;700;800&display=swap" rel="stylesheet"> */

:root {
  /* ---- Signlight brand colour --------------------------------------- */
  --sl-amber:        #F8BA00; /* "LIGHT" in wordmark, primary accent (SGN1901) */
  --sl-amber-deep:   #E0A100; /* hover / pressed, amber text on white at large sizes */
  --sl-amber-soft:   #FFF2CC; /* tinted panels, highlight rows */
  --sl-slate:        #5E5E5E; /* "SIGN" in wordmark, marketing body copy */
  --sl-navy:         #29346B; /* dusk navy: alt wordmark, deep sections */
  --sl-periwinkle:   #98A1C0; /* "SIGN" in navy lockup, secondary on navy */
  --sl-seal-blue:    #1F85AD; /* elastomer water seal (product CMF accent) */
  --sl-glow:         #9FE6E8; /* LED lens glow, illustrative only (approx.) */
  --sl-night:        #0F1119; /* evening hero backgrounds */
  --sl-housing-dark: #2F3136; /* product housing, dark */
  --sl-housing-light:#F4F5F6; /* product housing, light */
  --sl-mist:         #D6D5D5; /* captions, folios, labels */
  --sl-promo-red:    #ED220B; /* promotional claim banner ONLY */
  --sl-white:        #FFFFFF;

  /* ---- Modern Edge document colour ---------------------------------- */
  --me-navy:         #26374D; /* doc titles + section headings (Pilot Plan) */
  --me-amber:        #FFAF04; /* subtitle, bullets, folio labels */
  --me-ink:          #1A1A1A; /* body text */
  --me-gray:         #555555; /* secondary text, meta lines */
  --me-charcoal:     #53585F; /* deck section-divider slides */
  --me-callout:      #FFF2CC; /* callout / key-decision boxes */
  --me-table-tint:   #D9DDF0; /* table header / zebra tint */
  --me-rule:         #E6E6E6; /* hairlines */
  --me-status-good:  #00882B;
  --me-status-warn:  #E69138;
  --me-status-bad:   #CC0000;

  /* ---- Type --------------------------------------------------------- */
  --sl-font:  "Avenir Next", "Avenir", "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --me-font:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono:     "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-demi:    600;
  --fw-bold:    700;

  /* Scale (1.25 major third, 16px base) */
  --fs-xs:   0.75rem;  /* 12 caption, folio */
  --fs-sm:   0.875rem; /* 14 meta */
  --fs-base: 1rem;     /* 16 body */
  --fs-md:   1.25rem;  /* 20 lead / h4 */
  --fs-lg:   1.563rem; /* 25 h3 */
  --fs-xl:   1.953rem; /* 31 h2 */
  --fs-2xl:  2.441rem; /* 39 h1 */
  --fs-3xl:  3.815rem; /* 61 hero claim */

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-body:  1.55;
  --tracking-caps: 0.08em; /* eyebrow labels, "KEY POINTS" */

  /* ---- Space, radius, shadow --------------------------------------- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px; /* echoes the capsule housing silhouette */

  --shadow-1: 0 1px 2px rgba(15,17,25,.08), 0 1px 1px rgba(15,17,25,.04);
  --shadow-2: 0 6px 20px rgba(15,17,25,.12);
  --glow:     0 0 24px rgba(248,186,0,.45); /* "light on" accent, use sparingly */

  --measure: 68ch;
}