/* Design tokens — the only place colours, type and spacing are defined. */
:root {
  /* Brand */
  --leaf-900: #0A2B21;
  --leaf-800: #0E3B2E;   /* curry-leaf green: hero, download band */
  --leaf-700: #145040;
  --leaf-600: #1D6852;
  --leaf-100: #E3EDE7;
  --turmeric: #F4B400;   /* primary action */
  --turmeric-600: #D99E00;
  --turmeric-100: #FFF3CC;

  /* Table states — the same meaning as in the app */
  --state-free: #1F9D61;
  --state-free-bg: #E4F5EC;
  --state-running: #2D6BD8;
  --state-running-bg: #E5EEFC;
  --state-billed: #D98E04;
  --state-billed-bg: #FFF1D6;
  --state-void: #C2362D;

  /* Neutrals (slightly green-grey, not cream) */
  --ink: #13221C;
  --ink-2: #33433C;
  --muted: #5B6A63;
  --line: #D8E0DB;
  --line-soft: #E7ECE9;
  --paper: #F3F6F4;
  --surface: #FFFFFF;
  --receipt: #FCFCFA;

  /* Type */
  --font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-receipt: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-0: 0.8125rem;   /* 13 */
  --fs-1: 0.9375rem;   /* 15 */
  --fs-2: 1.0625rem;   /* 17 body */
  --fs-3: 1.25rem;     /* 20 */
  --fs-4: 1.5rem;      /* 24 */
  --fs-5: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);   /* section titles */
  --fs-6: clamp(2.5rem, 1.4rem + 4.6vw, 4.75rem);    /* hero */

  /* Space */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --section-y: clamp(64px, 6vw + 32px, 120px);
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1200px;

  /* Shape: radius follows hierarchy (device > card > control > chip) */
  --r-device: 20px;
  --r-card: 14px;
  --r-control: 10px;
  --r-chip: 6px;

  --shadow-device: 0 30px 60px -20px rgba(4, 22, 16, .55), 0 10px 20px -10px rgba(4, 22, 16, .35);
  --shadow-paper: 0 1px 0 rgba(19, 34, 28, .04), 0 18px 40px -24px rgba(19, 34, 28, .35);

  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.4, .64, 1);
}