/* ==========================================================================
   Waterline Defence — Design Tokens
   Source of truth: research/codex/DESIGN.md (CSS variable block, verbatim).
   Do not edit token values here without updating DESIGN.md.
   ========================================================================== */

/* Fonts: Sora (display) + Atkinson Hyperlegible (body) via Google Fonts.
   Imported here so every page that loads tokens.css gets the type system.
   Note: pages also include a <link rel="preconnect"> for performance. */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap");

:root {
  --wd-ink: #101820;
  --wd-ink-soft: #2D3842;
  --wd-deep-waterline: #0E3B43;
  --wd-floodline-green: #0F6B5F;
  --wd-steel-blue: #476A78;
  --wd-safety-amber: #E6A23C;
  --wd-clay: #B96A45;
  --wd-foam: #E7EFEA;
  --wd-paper: #F6F2EA;
  --wd-concrete: #D8D3C8;
  --wd-white: #FFFFFF;
  --wd-brick: #B9473A;

  --wd-font-display: "Sora", system-ui, sans-serif;
  --wd-font-body: "Atkinson Hyperlegible", system-ui, sans-serif;

  --wd-step--1: 0.875rem;
  --wd-step-0: 1rem;
  --wd-step-1: 1.125rem;
  --wd-step-2: 1.375rem;
  --wd-step-3: 1.75rem;
  --wd-step-4: 2.25rem;
  --wd-step-5: 3rem;
  --wd-step-6: 4rem;

  --wd-space-1: 0.25rem;
  --wd-space-2: 0.5rem;
  --wd-space-3: 0.75rem;
  --wd-space-4: 1rem;
  --wd-space-5: 1.5rem;
  --wd-space-6: 2rem;
  --wd-space-7: 3rem;
  --wd-space-8: 4rem;
  --wd-space-9: 6rem;

  --wd-radius-1: 2px;
  --wd-radius-2: 4px;
  --wd-radius-3: 8px;

  --wd-shadow-1: 0 1px 2px rgba(16, 24, 32, 0.08);
  --wd-shadow-2: 0 8px 24px rgba(16, 24, 32, 0.12);
  --wd-shadow-3: 0 18px 48px rgba(16, 24, 32, 0.18);

  --wd-break-sm: 640px;
  --wd-break-md: 768px;
  --wd-break-lg: 1024px;
  --wd-break-xl: 1280px;
  --wd-break-2xl: 1536px;

  --wd-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --wd-ease-inout: cubic-bezier(0.76, 0, 0.24, 1);
  --wd-duration-fast: 150ms;
  --wd-duration-base: 300ms;
  --wd-duration-slow: 500ms;
}