/* --- Design tokens ---*/
:root {
  /* Brand */
  --color-primary: #d3683e;
  --color-primary-dark: #943e1c;
  --color-primary-light: #fccab7;

  /* Semantic */
  --color-success: #6e9e40;
  --color-success-light: #93c068;
  --color-danger: #e05441;
  --color-danger-light: #ec7565;
  --color-warning: #d49011;
  --color-warning-light: #f7bb4c;

  /* Surfaces */
  --color-surface: #f3e0d9;
  --color-surface-2: #eccfc5;
  --color-surface-3: #ebc5b8;
  --color-surface-4: #e0b6a5;
  --color-border: #a89086;

  /* Text */
  --color-text: #180d09;
  --color-text-muted: #7c706c;
  --color-text-light: #f3e0d9;

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);

  /* Typography */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'Fira Code', monospace;

  /* Motion */
  --transition: 0.15s ease;
}