/* tokens.css */

:root {
  /* Brand */
  --c-brand: #0052FF;
  --c-brand-hover: #0046DB;
  --c-brand-active: #0039B3;
  --c-brand-disabled: #B4C4E5;
  --c-brand-soft: #E6EEFF;
  --c-brand-ink: #001A52;

  /* Surfaces */
  --c-canvas: #FFFFFF;
  --c-surface-soft: #F7F8FA;
  --c-surface-strong: #EEF1F5;
  --c-surface-sunken: #E5E9F0;
  --c-surface-dark: #0B1020;
  --c-surface-dark-elevated: #161C2E;

  /* Hairlines */
  --c-hairline: #DFE3EA;
  --c-hairline-soft: #ECEFF3;
  --c-hairline-strong: #C8CFD9;

  /* Text */
  --c-ink: #0B1020;
  --c-body: #41495A;
  --c-muted: #6C7585;
  --c-soft: #9099A8;
  --c-on-primary: #FFFFFF;
  --c-on-dark: #FFFFFF;
  --c-on-dark-muted: #A6B0C2;

  /* Status */
  --c-success: #06A66B;
  --c-success-soft: #E3F6EE;
  --c-warning: #C77700;
  --c-warning-soft: #FCF1DC;
  --c-danger: #D42842;
  --c-danger-soft: #FBE5E8;
  --c-info: #0052FF;
  --c-info-soft: #E6EEFF;
  --c-neutral: #6C7585;
  --c-neutral-soft: #EEF1F5;

  /* Chart */
  --c-chart-1: #0052FF;
  --c-chart-2: #0EA5A6;
  --c-chart-3: #7C5AF0;
  --c-chart-4: #F08A1C;
  --c-chart-5: #16A34A;
  --c-chart-6: #D946A4;
  --c-chart-7: #475A77;
  --c-chart-8: #EAB308;

  /* Radius */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* Shadows */
  --s-elevated: 0 6px 24px -8px rgba(11, 16, 32, 0.12), 0 2px 6px -2px rgba(11, 16, 32, 0.06);
  --s-focus: 0 0 0 3px rgba(0, 82, 255, 0.22);

  /* Fonts */
  --f-sans: "SUIT", -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
p { margin-block: 0; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--f-sans);
  color: var(--c-body);
  background: var(--c-canvas);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.num { font-family: var(--f-mono); font-variant-numeric: tabular-nums; }