/* Seven Lens Research (일곱시선 리서치) - design tokens. DRAFT 2026-10-28, not final (trademark search pending).
   Source of truth: concept.md in this folder. Do not rename variables.
   Fonts: the site must ship and declare @font-face 'Pretendard' (PretendardVariable.woff2, weight 45 920)
   and 'Inter' (inter-var-latin.woff2, weight 100 900). No CDN.
   Use font-variant-numeric: tabular-nums together with --sl-font-num.
   --sl-good / --sl-bad mean the SIGN of a number only: plus = red, minus = blue (Korean market convention).
   Do not use them for status (attendance, approval, absence, rejection, deploy failure).
   Skill metrics with an insufficient sample stay --sl-ink-2 (no color) until the sample is full. */
:root{
  --sl-bg:#F6F4EF;
  --sl-surface:#FFFFFF;
  --sl-surface-2:#EFECE5;
  --sl-ink:#1F1A2E;
  --sl-ink-2:#3D3750;
  --sl-muted:#6B6578;
  --sl-line:#DDD8CE;
  --sl-brand:#542C82;
  --sl-brand-ink:#FFFFFF;
  --sl-brand-soft:#EEE9F6;
  --sl-accent:#8250C4;
  --sl-accent-soft:#F4EFFC;
  --sl-good:#C42F2A;
  --sl-bad:#1F5BC4;
  --sl-warn:#A15200;
  --sl-info:#5A5480;
  --sl-font-head:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sl-font-body:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sl-font-num:'Inter','Pretendard','Pretendard Variable','Segoe UI',system-ui,sans-serif;
  --sl-radius:10px;
  --sl-radius-sm:6px;
  --sl-shadow:0 1px 2px rgba(31,26,46,.06),0 6px 18px rgba(31,26,46,.06);
  /* Charts (charts.md, 2026-10-29). Marks use series colors; --sl-good/--sl-bad stay on number text only.
     Palette checked with dataviz validate_palette (normal-vision floor >= 15, CVD separation, contrast):
     c2 #6B6578 -> #676174 and c3 #8E889A -> #958FA1 (lightness only; c2<->c3 was 11.9).
     Donut keeps 3 purple steps (c1 c4 c6) + track; c5 dropped (c4<->c5 was 11.5). c6/track < 3:1 -> always with a value list. */
  --sl-radius-card:20px;
  --sl-radius-inner:14px;
  --sl-shadow-card:0 1px 2px rgba(31,26,46,.05),0 12px 32px -10px rgba(31,26,46,.14);
  --sl-shadow-tip:0 8px 24px rgba(31,26,46,.16);
  --sl-c1:#542C82;
  --sl-c2:#676174;
  --sl-c3:#958FA1;
  --sl-c4:#8250C4;
  --sl-c6:#B09ADB;
  --sl-track:#EFECE5;
  --sl-grid:#EFECE5;
  --sl-area:rgba(84,44,130,.08);
}