/* ============================= TOKENS ============================= */
  :root{
    color-scheme: light;
    --bg:#f6f8f0;
    --surface:#ffffff;
    --surface-2:#eef1e3;
    --ink:#12140f;
    --ink-2:#52564a;
    --ink-mute:#82877a;
    --line:rgba(18,20,15,0.12);
    --line-strong:rgba(18,20,15,0.20);
    --accent:#14387f;
    --accent-ink:#ffffff;
    --clay:#e30613;
    --clay-soft:#fbe4e2;
    --radius-s:7px; --radius-m:12px; --radius-l:18px;
    --shadow-card:0 1px 2px rgba(18,20,15,0.06), 0 8px 22px rgba(18,20,15,0.06);

    --chart-surface:#fcfcfb;
    --chart-ink:#0b0b0b;
    --chart-ink-2:#52514e;
    --chart-mute:#898781;
    --chart-grid:#e1e0d9;
    --chart-axis:#c3c2b7;

    --cat-1:#2a78d6; --cat-2:#eb6834; --cat-3:#1baf7a; --cat-4:#eda100;
    --cat-5:#e87ba4; --cat-6:#008300; --cat-7:#4a3aa7; --cat-8:#e34948;

    --seq-100:#cde2fb; --seq-200:#9ec5f4; --seq-300:#6da7ec; --seq-400:#3987e5;
    --seq-500:#256abf; --seq-600:#184f95; --seq-700:#0d366b;

    --status-good:#0ca30c; --status-warn:#fab219; --status-serious:#ec835a; --status-critical:#d03b3b;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      color-scheme: dark;
      --bg:#0d0f0a; --surface:#14170f; --surface-2:#1a1e13;
      --ink:#f5f6ee; --ink-2:#c7cabb; --ink-mute:#8b8f7f;
      --line:rgba(245,246,238,0.14); --line-strong:rgba(245,246,238,0.24);
      --accent:#3d6fc4; --accent-ink:#ffffff;
      --clay:#ff6b63; --clay-soft:#2c1615;
      --shadow-card:0 1px 2px rgba(0,0,0,0.35), 0 12px 30px rgba(0,0,0,0.4);

      --chart-surface:#1a1a19; --chart-ink:#ffffff; --chart-ink-2:#c3c2b7;
      --chart-mute:#898781; --chart-grid:#2c2c2a; --chart-axis:#383835;

      --cat-1:#3987e5; --cat-2:#d95926; --cat-3:#199e70; --cat-4:#c98500;
      --cat-5:#d55181; --cat-6:#008300; --cat-7:#9085e9; --cat-8:#e66767;

      --seq-100:#184f95; --seq-200:#1c5cab; --seq-300:#256abf; --seq-400:#3987e5;
      --seq-500:#5598e7; --seq-600:#86b6ef; --seq-700:#b7d3f6;
    }
  }
  :root[data-theme="dark"]{
    color-scheme: dark;
    --bg:#0d0f0a; --surface:#14170f; --surface-2:#1a1e13;
    --ink:#f5f6ee; --ink-2:#c7cabb; --ink-mute:#8b8f7f;
    --line:rgba(245,246,238,0.14); --line-strong:rgba(245,246,238,0.24);
    --accent:#3d6fc4; --accent-ink:#ffffff;
    --clay:#ff6b63; --clay-soft:#2c1615;
    --shadow-card:0 1px 2px rgba(0,0,0,0.35), 0 12px 30px rgba(0,0,0,0.4);

    --chart-surface:#1a1a19; --chart-ink:#ffffff; --chart-ink-2:#c3c2b7;
    --chart-mute:#898781; --chart-grid:#2c2c2a; --chart-axis:#383835;

    --cat-1:#3987e5; --cat-2:#d95926; --cat-3:#199e70; --cat-4:#c98500;
    --cat-5:#d55181; --cat-6:#008300; --cat-7:#9085e9; --cat-8:#e66767;

    --seq-100:#184f95; --seq-200:#1c5cab; --seq-300:#256abf; --seq-400:#3987e5;
    --seq-500:#5598e7; --seq-600:#86b6ef; --seq-700:#b7d3f6;
  }

  /* ============================= RESET / BASE ============================= */
  *{box-sizing:border-box;}
  html,body{margin:0; padding:0;}
  body{background:var(--bg); color:var(--ink); font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased;}