/* Proposed tokens. Colour and type: layout-spec §2a, tokens.css, hifi.css.
   Space, type scale, grid, 48px controls: layout-spec §3.
   Easing, pill radius, 16px blur: hifi.css and the motion map.
   Sky and section fills: materials v0.2.1 (fills only, never text, never a ground).
   Grey mid-fi wf.* values are the unsigned stand-in and are not copied.
   --on-accent and --white sit on --navy / --accent only. Never on --theme, --action, or --highlight.
   TODO: focus-ring thickness and offset are not specified (colour is --action).
   TODO: prefers-reduced-transparency has no opaque glass colour (base.css uses --surface). */

:root {
  --bg: #F4F8F9; --surface: #FFFFFF; --subtle: #E6F4F6; --border: #C5E6EB; --dash: #5AA8B3;
  --ink: #1C1C1C; --sec: #004E66; --muted: #6B7280;
  --accent: #060E24; --on-accent: #FFFFFF; --navy: #060E24; --white: #fff;
  --theme: #00C8E0; --action: #1FE2F7; --highlight: #0BFCD9;
  --glass: rgba(246, 241, 233, .82);
  --sky-ground: #F3F6F9; --sky-upper: #E0EAF5; --sky-mid: #F0F4F9; --sky-mist: #E8F2FA;
  --world-dusk: #E6B85C; --world-marigold: #F2A33A; --world-indigo: #2E3F8F;
  --world-terracotta: #C8643B; --world-brass: #B8893A; --world-sage: #9CB8A0;
  --ease: cubic-bezier(.22, 1, .36, 1); --ease-io: cubic-bezier(.45, 0, .55, 1);
  --space-1: 8px; --space-2: 12px; --space-3: 16px; --space-4: 24px;
  --space-5: 32px; --space-6: 48px; --space-7: 64px;
  --page-pad: 16px; --page-mobile: 360px; --page-desktop: 1440px; --content-max: 1200px;
  --gutter-m: 16px; --gutter-d: 24px; --header-m: 64px; --header-d: 72px;
  --safe-bottom: 80px; --bp-desktop: 1024px; --radius-pill: 999px; --blur: 16px;
  --h1-size: 30px; --h1-leading: 36px; --h1-size-d: 52px; --h1-leading-d: 60px;
  --h1-compact-size: 28px; --h1-compact-leading: 34px; --h1-track: -0.02em;
  --body-size: 16px; --body-leading: 24px; --body-size-d: 18px; --body-leading-d: 28px;
  --cta-size: 16px; --cta-leading: 20px;
  --caption-size: 12px; --caption-leading: 16px;
  --caption-alt-size: 14px; --caption-alt-leading: 20px;
  --touch-min: 44px; --control-min: 48px;
  --font-display: Poppins, Inter, sans-serif;
  --font-body: Inter, sans-serif;
  --font-devanagari: "Noto Sans Devanagari", Inter, sans-serif;
}