/* ============================================================================
   event.clinic design tokens, generated from the accepted visual plan
   ----------------------------------------------------------------------------
   GENERATED FILE. DO NOT EDIT.
   Source:    design/foundation-v12.html
   sha256:    ba58aa480978f16d8942cbf643e0d7ee11fb1b04d69e579dbaefc81c53313c09
   Regenerate: npm run gen:design      (and CI fails if the output changes)

   Owner decision 2026-07-29: the accepted visual plan is a BUILD INPUT, so
   the app and the foundation cannot diverge. Hand editing this file puts the
   drift back and the parity check will fail on the next run.

   App-only additions and deliberate overrides do NOT belong here. They live
   in tokens.local.css and components.css, which load AFTER this file.
   ============================================================================ */

:root {
--surface-0:#f0f0f0;
  --surface-1:#ffffff;
  --surface-2:#ffffff;
  --surface-sunken:#ededed;
  --sidebar-bg:#1e2229;
  --sidebar-fg:#e6e8eb;
  --sidebar-fg-dim:#98a0a8;
  --sidebar-active:#2a2f37;

  --ink-900:#332a24;
  --ink-700:#433633;
  --ink-500:#6d635b;
  --ink-400:#716a65;
  --ink-300:#c3bcb4;

  --line:#e3e6eb;
  --line-strong:#d3d7dd;

  --accent-700:#26397f;
  --accent-600:#3150af;
  --accent-500:#4763c0;
  --accent-100:#e3e8f6;
  --accent-050:#f1f4fb;

  --ok-600:#1a7e00;   --ok-100:#e4f3de;
  --warn-700:#956111; --warn-100:#fdeecc;
  --err-600:#c7281c;  --err-100:#fbe3e0;
  --info-600:#09717e; --info-100:#dcecef;
  --neutral-600:#63666a;--neutral-100:#ededed;
  --mag-600:#c92550; --mag-100:#fbe7ed;

  --e-sessions:#001219; --e-workforce:#005f73; --e-performer:#0a9396;
  --e-sponsor:#94d2bd;  --e-supplier:#e9d8a6;  --e-exhibitor:#ee9b00;
  --e-asset:#ca6702;    --e-stand:#bb3e03;     --e-space:#ae2012;
  --e-catalogue:#3150af;

  --text-xs:12px;
  --text-sm:12.5px;
  --text-md:13.5px;
  --text-lg:16px;
  --text-xl:20px;

  --font-ui:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;

  --radius:7px; --radius-sm:5px; --radius-lg:10px;
  --maxw:1320px;

  --toast-bg:#211d1a; --toast-fg:#ffffff;
  --shadow-sm:0 1px 2px rgba(28,33,31,.05),0 1px 1px rgba(28,33,31,.03);
  --shadow-md:0 8px 28px rgba(28,33,31,.10),0 2px 8px rgba(28,33,31,.06);
  --shadow-lg:0 18px 50px rgba(28,33,31,.16),0 4px 14px rgba(28,33,31,.08);
  --ring:0 0 0 3px var(--accent-100);

  --rail-w:56px;
  --panel-w:230px;
  --topbar-h:52px;

  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.13s;
  --t-mid:.19s;
  --t-slow:.26s;

  /* App type floor and density, E7 (UX study 2026-10-02). See gen-design-system.mjs. */
  --text-min:12px; --text-body:14px; --text-table:13.5px; --row-h:44px; --sidebar-w:248px; --sidebar-w-collapsed:72px; --form-w:640px; --table-max-h:calc(100dvh - 160px); --target-day:48px; --scan-h:56px; --text-verdict:32px; --on-accent:#fff;
}

[data-theme="dark"] {
--surface-0:#14171c;
  --surface-1:#1b1f26;
  --surface-2:#232830;
  --surface-sunken:#171a20;
  --sidebar-bg:#0f1319;
  --sidebar-fg:#d6dae1;
  --sidebar-fg-dim:#7f8894;
  --sidebar-active:#242a34;

  --ink-900:#eef1f4;
  --ink-700:#cbd1d9;
  --ink-500:#9aa2ac;
  --ink-400:#858f9c;
  --ink-300:#4c545e;

  --line:#2a303a;
  --line-strong:#3a424d;

  --accent-700:#8aa2f0;
  --accent-600:#7f9aee;
  --accent-500:#7f9aee;
  --accent-100:#22304f;
  --accent-050:#1a2233;

  --ok-600:#54cf63;   --ok-100:#173019;
  --warn-700:#e2ab4d; --warn-100:#382a12;
  --err-600:#f0655a;  --err-100:#3a1b17;
  --info-600:#33bccb; --info-100:#123034;
  --neutral-600:#aab1ba;--neutral-100:#262c34;
  --mag-600:#ee6690; --mag-100:#3a1c28;

  --toast-bg:#2b323c; --toast-fg:#eef1f4;

  --shadow-sm:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.35);
  --shadow-md:0 10px 34px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.4);
  --shadow-lg:0 22px 60px rgba(0,0,0,.65),0 6px 18px rgba(0,0,0,.5);
  --ring:0 0 0 3px rgba(82,115,222,.28);

  /* Dark-mode contrast, D-491 (2026-10-02). See gen-design-system.mjs. */
  --on-accent:#0f1319;
}

[data-density="compact"] {
  --row-h:36px;
}