/* PharmaSynapse — design system v4
   Tokens — colour, type, spacing, motion
   Generated from the standalone build. Edit here, not in the pages. */

/* ============================================================
   1 - TOKENS
   Design System v4, section 9 of the build order. Canonical property
   names and values. Do not introduce new tokens here.
   ============================================================ */
:root{
  /* Dark bands */
  --ink-900:#071626;   /* Deepest navy. Band gradients only. */
  --ink-850:#0A1D33;   /* Navy. */
  --ink-800:#0F2A47;   /* Primary navy band. */
  --on-dark:#FFFFFF;   /* Primary text on navy. */
  --on-dark-2:#A9BDD3; /* Secondary text on navy. */
  --on-dark-3:#6E88A5; /* Tertiary on navy. 3.39:1. NEVER body copy. */

  /* Interaction */
  --teal:#0E8C8C;         /* Interaction colour on light. */
  --teal-bright:#3EC5C1;  /* Interaction and diagram colour on dark. */

  /* Light bands */
  --ink:#15212E;    /* Body text on light. */
  --ink-2:#54616E;  /* Secondary on light. */
  --ink-3:#8493A0;  /* Tertiary on light. 3.15:1. Labels only, NEVER body. */
  --line:#E1E7EC;   /* Hairlines. */
  --paper:#F5F7F9;  /* Light band. */
  --sunken:#EDF1F4; /* Table headers, inset panels. */

  /* Lifecycle. DOCUMENT ARTWORK ONLY. Never a notice, warning or page UI. */
  --draft:#B57614;      --draft-bg:#FBEEDA;
  --review:#2563EB;     --review-bg:#E6EDFD;
  --approved:#15803D;   --approved-bg:#E2F4E9;
  --super:#5B6B7B;      --super-bg:#ECF0F3;
}

/* Structural tokens only. No colour values live in this block, so the
   canonical v4 palette above stays the single source of colour truth.
   Values carried unchanged from Design System v4. */
:root{
  --sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --shell-max:1080px; --shell-pad:24px;
  --radius-sm:5px; --radius-control:6px; --radius-card:8px; --radius-pill:999px;
  --e1:0 1px 2px rgba(15,42,71,.05),0 1px 3px rgba(15,42,71,.04);
  --e2:0 4px 10px rgba(15,42,71,.07),0 2px 4px rgba(15,42,71,.05);
  --e3:0 14px 34px rgba(15,42,71,.11),0 4px 10px rgba(15,42,71,.06);
  --e4:0 30px 70px rgba(15,42,71,.16),0 8px 20px rgba(15,42,71,.08);
  --e-dark:0 26px 60px rgba(0,0,0,.42);
  /* Motion is capped on this page: 250ms or less for everything except the
     header logo cut. See section 8, MOTION. */
  --t-fast:140ms; --t-mid:240ms;
  --ease:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.4,0,.2,1);
}

/* ------------------------------------------------------------
   FONT SLOT - self-hosted webfonts.
   The binaries are NOT bundled in this file. Drop the woff2 files at
   /assets/fonts/ on deploy; the families and weights below are exact, so
   this is a drop-in. There is deliberately no Google Fonts link tag: an
   air-gapped GMP customer cannot reach a CDN, and a third-party font
   request is a finding waiting to happen. Until the binaries land, the
   system-ui and ui-monospace fallbacks render the page correctly.
   ------------------------------------------------------------ */
@font-face{font-family:'Inter';src:url('../fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}