/* Port of app/src/styles/_tokens.scss — light only.
   App tokens are the source of truth; keep names in lockstep.
   Marketing aliases (--pad-card, --pad-row, --gap-card, --radius-card,
   --radius-button) live here and are not in the PWA. */

:root {
  --color-primary: #0e7c6b;
  --color-primary-strong: #0b5c50;
  --color-on-primary: #ffffff;
  --color-accent: #ff6b4a;
  --color-accent-soft: #ffb199;

  --color-bg: #ebe1d3;
  --color-surface: #faf6f0;
  --color-surface-raised: #faf6f0;
  --color-field: #f1e9dd;
  --color-ink: #241f1b;
  --color-body: #52483f;
  --color-faint: #7c7166;
  --color-border: #dfd4c5;

  --color-success: #1c9b6b;
  --color-warning: #d98a22;
  --color-error: #c4432e;
  --color-warn-bg: #fbe7e2;
  --color-warning-ink: #8a5310;
  --color-accent-ink: #b33a1f;

  --tint-primary: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --tint-primary-strong: color-mix(in srgb, var(--color-primary) 16%, transparent);
  --tint-accent: color-mix(in srgb, var(--color-accent) 14%, transparent);
  --tint-error: color-mix(in srgb, var(--color-error) 12%, transparent);
  --tint-success: color-mix(in srgb, var(--color-success) 14%, transparent);
  --ring: color-mix(in srgb, var(--color-primary) 40%, transparent);

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;

  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.375rem;
  --text-money-lg: 2rem;
  --text-money-xl: 2.5rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-input: 0.875rem;
  --radius-button: 0.875rem;
  --radius-row: 0.75rem;
  --radius-card: 1.25rem;
  --radius-pill: 999px;

  --motion-fast: 0.12s;
  --motion-base: 0.2s;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);

  --tap-min: 2.75rem;

  --pad-card: 1.75rem;
  --pad-row: 0.75rem 1rem;
  --gap-card: 1.5rem;
  --page-max: 67.5rem;
}