/* ═══════════════════════════════════════════════════════
   AssureScout Design System v2 — Foundations
   "Quiet, daily, wherever the work lives."

   Direction: same teal lineage as v1, but pulled toward an
   Apple-edge sensibility — tighter display type, refined
   neutrals, glassy chrome, micro-shadows with inner
   highlights, optical-grade spacing.
   ═══════════════════════════════════════════════════════ */


:root {
  /* ── Brand teal lineage — refined, slightly cooler ── */
  --as-teal-deep:    #0a4a4a;   /* primary brand — nav, headlines, primary actions */
  --as-teal:         #0f6e6e;   /* mid teal — hovers, accent strokes */
  --as-teal-bright:  #14b8a6;   /* highlight only — radar dot, score ring, focused state */
  --as-teal-50:      #f0faf9;   /* tinted surfaces */
  --as-teal-100:     #d6efed;   /* soft fill — selected pill, info card */
  --as-teal-200:     #a8dcd8;   /* subtle border */

  /* ── Signal accent (urgency / "Scout found something") ── */
  --as-signal:       #c2410c;
  --as-signal-soft:  #fef0e6;
  --as-signal-dim:   #fbd5b5;

  /* ── Surfaces & ink ── */
  --as-bg:           #fbfaf6;   /* cream canvas, slightly less yellow than v1 */
  --as-bg-tint:      #f5f3eb;   /* recessed surface, table stripe, scan log */
  --as-surface:      #ffffff;
  --as-surface-elev: #ffffff;   /* alias — paired with --as-shadow-md */
  --as-glass:        rgba(255,255,255,0.72);  /* translucent chrome over cream */
  --as-glass-dark:   rgba(10,74,74,0.72);     /* translucent over teal */

  --as-border:       #ece9df;
  --as-border-mid:   #d8d4c5;
  --as-border-strong:#b9b5a5;
  --as-hairline:     rgba(20,20,20,0.06);     /* sub-pixel divider */

  --as-ink:          #14171a;   /* primary text — slightly cooler than pure black */
  --as-ink-mid:      #54585e;
  --as-ink-faint:    #8a8e95;
  --as-ink-disabled: #b8bcc2;

  /* ── Traffic-light semantics — kept identical for continuity ── */
  --as-green:        #15803d;
  --as-green-soft:   #ecfdf3;
  --as-green-border: #b7e8c5;
  --as-amber:        #b45309;
  --as-amber-soft:   #fffaeb;
  --as-amber-border: #fcdf93;
  --as-red:          #b91c1c;
  --as-red-soft:     #fef2f2;
  --as-red-border:   #f7c2c2;

  /* ── Elevation system — refined w/ inner highlight on raised surfaces ── */
  --as-shadow-xs:    0 1px 1px rgba(20,23,26,0.04);
  --as-shadow-sm:    0 1px 2px rgba(20,23,26,0.06), 0 1px 1px rgba(20,23,26,0.03);
  --as-shadow:       0 1px 2px rgba(20,23,26,0.05), 0 4px 12px rgba(20,23,26,0.06);
  --as-shadow-md:    0 4px 12px rgba(20,23,26,0.08), 0 12px 28px rgba(20,23,26,0.10);
  --as-shadow-lg:    0 8px 20px rgba(20,23,26,0.10), 0 24px 48px rgba(20,23,26,0.14);
  --as-shadow-brand: 0 1px 2px rgba(10,74,74,0.20), 0 6px 16px rgba(10,74,74,0.22);
  --as-ring-focus:   0 0 0 3px rgba(20,184,166,0.28);  /* teal-bright at 28% */
  --as-inner-hi:     inset 0 1px 0 rgba(255,255,255,0.9);    /* top highlight on cream cards */
  --as-inner-hi-dk:  inset 0 1px 0 rgba(255,255,255,0.10);   /* on teal chrome */

  /* ── Radii — denser, more iOS-like ── */
  --as-radius-xs:    4px;     /* mini chips, score badge inner */
  --as-radius-sm:    8px;     /* buttons, inputs */
  --as-radius:       12px;    /* cards, surfaces */
  --as-radius-lg:    16px;    /* modals, hero cards, settings panels */
  --as-radius-xl:    24px;    /* primary surface containers */
  --as-radius-pill:  999px;

  /* ── Layout ── */
  --as-nav-h:        52px;    /* tighter than v1's 56 */
  --as-page-max:     1280px;
  --as-content-max:  1080px;
  --as-gutter:       20px;
  --as-stack-tight:  6px;
  --as-stack:        12px;
  --as-stack-loose:  20px;

  /* ── Type families ── */
  --as-font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --as-font-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
  --as-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── Type scale — re-tuned, more Apple-like display sizes ── */
  --as-display-size: 44px;  --as-display-weight: 600;  --as-display-tracking: -0.035em;  --as-display-leading: 1.05;
  --as-h1-size:      32px;  --as-h1-weight:      600;  --as-h1-tracking:      -0.028em;  --as-h1-leading:      1.1;
  --as-h2-size:      22px;  --as-h2-weight:      600;  --as-h2-tracking:      -0.018em;  --as-h2-leading:      1.25;
  --as-h3-size:      16px;  --as-h3-weight:      600;  --as-h3-tracking:      -0.01em;   --as-h3-leading:      1.35;
  --as-deck-size:    17px;  --as-deck-leading:   1.5;
  --as-body-size:    14.5px;--as-body-leading:   1.55;
  --as-small-size:   13px;  --as-small-leading:  1.5;
  --as-eyebrow-size: 11px;  --as-eyebrow-tracking: 0.10em;
  --as-mono-size:    12.5px;
  --as-numeric-feat: "tnum" on, "ss01" on, "cv11" on;  /* tabular numerals + ss01 alt */

  /* ── Motion tokens ── */
  --as-ease:         cubic-bezier(0.32, 0.72, 0, 1);  /* iOS-style "smooth" */
  --as-ease-in:      cubic-bezier(0.4, 0, 1, 1);
  --as-ease-out:     cubic-bezier(0, 0, 0.2, 1);
  --as-dur-fast:     120ms;
  --as-dur:          200ms;
  --as-dur-slow:     320ms;
}