/* Design tokens — see DESIGN.md. Nothing here is app-specific. */

:root {
  /* Colors */
  --color-fresh-grass: #8ed462;
  --color-cream-paper: #f5f1e4;
  --color-ink-black: #2c2e2a;
  --color-pure-white: #ffffff;
  --color-sandstone: #e0dbce;
  --color-stone-gray: #646960;
  --color-hairline-mist: #d5d5d4;
  --color-sky-pop: #2ba0ff;
  --color-coral-pop: #ff705d;
  --color-sunshine-pop: #f5e211;

  /* Typography */
  --font-inter: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --text-micro: 14px;
  --text-body-sm: 15px;
  --text-body: 17px;
  --text-body-lg: 18px;
  --text-subheading: 20px;

  /* Radius */
  --radius-small: 10px;
  --radius-mid: 20px;
  --radius-card: 32px;
  --radius-full: 50px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.2s;
  --dur-mid: 0.28s;

  /* Layers */
  --z-sheet: 40;
  --z-toast: 60;
}