/* Top Supplier v2 — design tokens.
   Concept: "the early shift". A calm, legible ops board for the hours before dawn.
   Brand blue + swoosh orange come from the logo; night ink and cold-room mist from the floor. */

:root {
  /* Base palette */
  --night: #0D1B2A;        /* night ink: text, dark bands, screens */
  --paper: #FBFCFD;        /* label stock: page background */
  --mist: #E9EFF4;         /* cold-room mist: quiet sections, panels */
  --blue: #1668B0;         /* logo blue: links, interactive */
  --orange: #F26A21;       /* logo swoosh: large graphics only (fails AA as text) */
  --orange-deep: #B8470F;  /* swoosh, deepened: primary buttons and small accents */

  /* Signal colours (status, flags) */
  --green: #17703E;        /* in production / ok */
  --amber: #8A5300;        /* warning */
  --red: #BE3227;          /* blocking flag */

  /* Roles */
  --ink: var(--night);
  --ink-2: #3D4B5C;
  --ink-3: #56637A;
  --bg: var(--paper);
  --bg-2: var(--mist);
  --line: #D3DCE5;
  --accent: var(--orange-deep);
  --accent-ink: #A63F0C;
  --link: var(--blue);
  --on-accent: #FFFFFF;
  --band-bg: var(--night);
  --band-ink: #EAF1F7;
  --band-ink-2: #A9B8C8;
  --band-line: #24364A;
  --focus: #1668B0;
  --band-green: #4CC383;
  --band-amber: #E3A93B;
  --band-link: #8CC4F2;

  /* Type */
  --font: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Scale (≈1.25, rounded to whole px) */
  --t-xs: 0.8125rem;   /* 13 */
  --t-sm: 0.9375rem;   /* 15 */
  --t-md: 1.0625rem;   /* 17 body */
  --t-lg: 1.25rem;     /* 20 */
  --t-xl: 1.625rem;    /* 26 */
  --t-2xl: 2.125rem;   /* 34 */
  --t-3xl: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);   /* 36 → 56 */
  --t-hero: clamp(2.6rem, 1.4rem + 5.2vw, 5.75rem);  /* 42 → 92 */

  /* Space & shape */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem; --s-9: 7rem;
  --wrap: 77.5rem;     /* 1240 */
  --gutter: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #E8EEF4;
    --ink-2: #B4C1CF;
    --ink-3: #8B9AAB;
    --bg: #0B1622;
    --bg-2: #122233;
    --line: #22364B;
    --accent: #D9601F;
    --accent-ink: #F58B4C;
    --link: #6FB1EA;
    --on-accent: #0B1622;
    --band-bg: #060E17;
    --band-ink: #E8EEF4;
    --band-ink-2: #9FB0C2;
    --band-line: #1B2B3C;
    --focus: #6FB1EA;
    --green: #4CC383;
    --amber: #E3A93B;
    --red: #F07166;
  }
}

:root[data-theme="dark"] {
  --ink: #E8EEF4;
  --ink-2: #B4C1CF;
  --ink-3: #8B9AAB;
  --bg: #0B1622;
  --bg-2: #122233;
  --line: #22364B;
  --accent: #D9601F;
  --accent-ink: #F58B4C;
  --link: #6FB1EA;
  --on-accent: #0B1622;
  --band-bg: #060E17;
  --band-ink: #E8EEF4;
  --band-ink-2: #9FB0C2;
  --band-line: #1B2B3C;
  --focus: #6FB1EA;
  --green: #4CC383;
  --amber: #E3A93B;
  --red: #F07166;
}