/**
 * Calculist v2 — shared design tokens (light shell, coral accent).
 */
:root {
  --font-sans: 'DM Sans', system-ui, sans-serif;

  --bg-page: #f3f4f2;
  --bg-surface: #ffffff;
  --bg-subtle: #fafbf9;
  --bg-elevated: #ffffff;

  --border-subtle: #e6e9e4;
  --border-strong: #d1d6cf;

  --text: #1a1d26;
  --text-muted: #5c6370;

  --primary: #e85d3d;
  --primary-hover: #cf4a2c;
  --primary-muted: rgba(232, 93, 61, 0.14);
  --primary-ring: rgba(232, 93, 61, 0.32);

  --error: #b91c1c;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.09);
  --shadow-tile-hover: 0 10px 28px rgba(15, 23, 42, 0.09);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.18s;
  --duration-mid: 0.28s;
}