/*
 * Beam CSS variables — layout and spacing.
 *
 * VARIABLES ONLY. No selector in this file renders or overrides anything; it
 * declares custom properties and nothing else. That is the contract the name
 * carries, and css_foundation_test.clj enforces it.
 *
 * This is one of three, split by domain on 23 September 2026 because the single
 * file it came from was called tokens.css and "token" means four different
 * things in this repo — the anti-forgery token on every form POST, the preview
 * and API auth tokens, this, and @beam/input-ui/tokens.css which the islands
 * import and which is a different file entirely. Same values, same names,
 * findable by what they are:
 *
 *   vars-colour.css   surfaces, text, borders, --status-*, charts, scrim
 *   vars-layout.css   spacing, drawer and globals widths, z-index
 *   vars-control.css  radii, control heights and padding, component sizing
 *
 * THE TYPE SCALE IS NOT HERE and never was. resources/styleguide.css owns
 * --headings-large-* and --body-*, and specs/presentation.allium
 * (TypographyPresentation) is its behavioural contract. Brand ramps
 * (--primary-*, --secondary-*, --dark-*, --light-*, --alert-*) are owned by
 * resources/tailwind.css. Where sources disagree, styleguide.css is canonical.
 *
 * Names are UNCHANGED by the split: every var() that resolved before resolves
 * now. Only the file a name lives in, and the <link> that pulls it in, moved.
 *
 * Placeholders with no platform precedent: --drawer-w,
 * --drawer-collapse-handle-w, --globals-w, --globals-modal-w, --z-*.
 */

:root {
  /* Spacing. Values extracted from current Tailwind/page spacing in use. */
  --space-1: 4px; /* Tailwind gap-1 / .btn gap .25rem in output.css */
  --space-2: 8px; /* Tailwind gap-2 and px-2 family */
  --space-3: 12px; /* site-setup.css modal load row gap */
  --space-4: 16px; /* site-setup.css modal header padding */
  --space-5: 20px; /* full-systems-table.html px-5 button padding */
  --space-6: 24px; /* dashboard.html main px-6 */
  --space-7: 28px; /* site-setup.css modal sidebar top padding */
  --space-8: 32px; /* existing Tailwind spacing scale in output.css */

  /* Layout. Drawer widths are new shared-system decisions in platform idiom. */
  --drawer-w: 320px; /* new — no platform precedent; between current 280px sidebar and EA3 drawer */
  --drawer-collapse-handle-w: 32px; /* new — no platform precedent */
  --globals-w: min(960px, 92vw); /* new — no platform precedent */
  --globals-modal-w: min(1180px, 96vw); /* new — no platform precedent */
  --z-dropdown: 30; /* new — no platform precedent */
  --z-sticky: 40; /* new — no platform precedent */
  --z-modal: 70; /* new — no platform precedent */
  --z-toast: 80; /* admin-globals.css .admin-globals-toast */
}