/* ============================================================
   VANTIS RISK - design tokens
   One file. Every value used by the app comes from here.
   ============================================================ */

@font-face{font-family:Inter;src:url(../assets/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/Inter-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/Inter-Bold.ttf) format("truetype");font-weight:700;font-display:swap}

:root{
  /* --- brand + neutrals (light) --- */
  --ink-900:#101E2E;
  --ink-700:#35485F;
  --ink-500:#697D95;
  --ink-300:#9AAABC;
  --line:#DDE4EC;
  --line-soft:#EAEFF4;
  --canvas:#F1F4F8;
  --surface:#FFFFFF;
  --surface-2:#F7F9FC;
  --panel:#101E2E;          /* dark score panel, both themes */
  --panel-2:#16293C;
  --on-panel:#F4F7FA;
  --on-panel-dim:#93A7BB;

  /* --- primary action --- */
  --brand:#1E5F8C;
  --brand-press:#17496C;
  --brand-tint:#EAF1F7;
  --brand-line:#C6DAE8;

  /* --- semantic risk scale --- */
  --sev-critical:#A6423B;  --sev-critical-tint:#FAEDEC;  --sev-critical-line:#EBD0CD;
  --sev-high:#B07A22;      --sev-high-tint:#FBF3E4;      --sev-high-line:#EEDFC2;
  --sev-medium:#6D6BA8;    --sev-medium-tint:#F0F0F8;    --sev-medium-line:#DBDAEE;
  --sev-stable:#2A7F72;    --sev-stable-tint:#E9F3F1;    --sev-stable-line:#C9E2DD;
  --sev-info:#4A5C7A;      --sev-info-tint:#EFF2F6;      --sev-info-line:#D8DFE9;

  /* --- radius --- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;

  /* --- elevation --- */
  --e1:0 1px 2px rgba(16,30,46,.06), 0 1px 1px rgba(16,30,46,.04);
  --e2:0 4px 14px rgba(16,30,46,.08), 0 1px 3px rgba(16,30,46,.05);
  --e3:0 18px 40px rgba(16,30,46,.18), 0 4px 12px rgba(16,30,46,.10);

  /* --- spacing scale (8pt grid, 4 for micro) --- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px;

  /* --- motion --- */
  --fast:120ms; --base:220ms; --slow:420ms;
  --ease:cubic-bezier(.2,.7,.3,1);
}

[data-theme="dark"]{
  --ink-900:#EAF1F7;
  --ink-700:#B8C7D6;
  --ink-500:#8B9DB1;
  --ink-300:#66798E;
  --line:#24394F;
  --line-soft:#1C2E42;
  --canvas:#0A141F;
  --surface:#11202F;
  --surface-2:#16283A;
  --panel:#081321;
  --panel-2:#102132;
  --brand:#5FA5D0;
  --brand-press:#7FBBDF;
  --brand-tint:#12293B;
  --brand-line:#1F4763;

  --sev-critical:#E08078;  --sev-critical-tint:#2A1917;  --sev-critical-line:#4A2924;
  --sev-high:#DCA84E;      --sev-high-tint:#2A2213;      --sev-high-line:#4A3A1C;
  --sev-medium:#A5A3DE;    --sev-medium-tint:#1E1E31;    --sev-medium-line:#343357;
  --sev-stable:#5FBAA9;    --sev-stable-tint:#122724;    --sev-stable-line:#1E4640;
  --sev-info:#9DB0CC;      --sev-info-tint:#182434;      --sev-info-line:#2A3B52;

  --e1:0 1px 2px rgba(0,0,0,.5);
  --e2:0 4px 14px rgba(0,0,0,.45);
  --e3:0 18px 40px rgba(0,0,0,.6);
}