/* EMS-Safety — design tokens
   Frozen from source/docs/site-design-language.md (2026-09-19).
   Motif: the submittal package. Numbers are the hero, the drawing grid is visible. */

:root {
  /* ---- ink & paper ---- */
  --ink:        #10181F;
  --ink-2:      #26333D;
  --ink-3:      #3D4C58;
  --muted:      #5F6E7A;
  --faint:      #8A959E;
  --paper:      #F5F6F3;
  --sheet:      #FFFFFF;
  --paper-2:    #EDEFEA;

  /* ---- rules (hairlines carry the layout) ---- */
  --rule:        #D9DDD6;
  --rule-2:      #C3C9C0;
  --rule-ink:    #2A3742;

  /* ---- primary : steel blue ---- */
  --steel:      #14546E;
  --steel-dk:   #0E3F53;
  --steel-lt:   #E4EDF1;
  --steel-line: #9DB9C6;

  /* ---- signal : amber ---- */
  --amber:      #B4650F;
  --amber-fill: #D9822B;
  --amber-lt:   #FBF1E4;

  /* ---- console (dark surfaces) ---- */
  --console:    #0B1116;
  --console-2:  #131C23;
  --cyan:       #4FB6CE;
  --cyan-dim:   #2C6C80;
  --on-dark:    #E8EDF0;
  --on-dark-2:  #A6B4BE;

  /* ---- status ---- */
  --ok:         #2F6B4F;

  /* ---- type ---- */
  --f-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --f-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --t-h1: clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem);
  --t-h2: clamp(1.75rem, 1.25rem + 1.9vw, 2.5rem);
  --t-h3: clamp(1.125rem, 1.02rem + 0.4vw, 1.3125rem);
  --t-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --t-body: 1.0625rem;
  --t-sm:   0.9375rem;
  --t-xs:   0.8125rem;
  --t-micro: 0.75rem;

  /* ---- space ---- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 88px; --s10: 120px;
  --sec-y: clamp(56px, 4.4vw, 92px);
  --wrap: 1240px;
  --wrap-narrow: 800px;

  /* ---- misc ---- */
  --r: 2px;                       /* the drawing sheet has square corners */
  --shadow: 0 1px 2px rgba(16, 24, 31, .06), 0 8px 24px -12px rgba(16, 24, 31, .18);
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: 180ms;
  --grid-line: rgba(20, 84, 110, .055);
  --grid-line-dark: rgba(79, 182, 206, .075);
}