/* Design tokens. Edit values here only — every other CSS file consumes via var(). */

:root {
  --bg-0: #07090f;
  --bg-1: #0d1119;
  --bg-2: #131826;
  --bg-3: #1a2138;
  --line: #2a3550;
  --line-bright: #3d4d72;
  --text: #eef3f9;
  --text-dim: #b8c2d4;
  --text-faint: #8089a0;
  --blue: #4a8fe7;
  --blue-deep: #2a5cab;
  --blue-glow: rgba(74, 143, 231, 0.25);
  --red: #e0524d;
  --red-deep: #a8302b;
  --red-glow: rgba(224, 82, 77, 0.25);
  --green: #4fd97a;
  --green-deep: #2e8a4a;
  --green-glow: rgba(79, 217, 122, 0.2);
  --orange: #f0a142;
  --purple: #b85cd9;
  --yellow: #f0c542;
  --cv-green: #3da55c;
  --cv-red: #c93f3a;
  --cv-purple: #9b3fc0;
  --cv-orange: #e08628;
  --cv-blue: #2e6fc7;
  /* === Typography scale — modular ratio 1.25, base 16px ===
     Floor is fs-xs (13px). Never go smaller for user-visible text.
     Anything that was 8/10/11/12px is bumped up to at least fs-sm. */
  --fs-xs:   0.8125rem;  /* 13px — chips, micro-badges only */
  --fs-sm:   0.875rem;   /* 14px — secondary text, labels, captions */
  --fs-base: 1rem;       /* 16px — body default */
  --fs-md:   1.125rem;   /* 18px — emphasized body, data values */
  --fs-lg:   1.25rem;    /* 20px — small headers */
  --fs-xl:   1.5rem;     /* 24px — section titles */
  --fs-2xl:  1.875rem;   /* 30px — panel hero values */
  --fs-3xl:  2.25rem;    /* 36px — large display numbers */
  --fs-4xl:  3rem;       /* 48px — hero stencil */
  /* Line-height pairs */
  --lh-tight:   1.2;  /* headers */
  --lh-snug:    1.35; /* UI elements */
  --lh-normal:  1.5;  /* body */
  --lh-relaxed: 1.65; /* prose paragraphs */
  /* Letter-spacing tokens — only apply to ALL-CAPS labels */
  --ls-wide:   0.05em;
  --ls-wider:  0.1em;
  --ls-widest: 0.14em;
  /* Font families
     --font-body: JetBrains Mono for everything except large display headers.
                  Monospace gives the tactical/technical feel and aligns tabular data.
     --font-display: Oswald — condensed sans-serif for larger headers (fs-xl and up).
                     Far more readable than a stencil while keeping a military aesthetic. */
  --font-body: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --font-display: 'Oswald', 'Helvetica Neue', Arial, sans-serif;
}