/* Aisleful design tokens: semantic names holding the values the live site uses today.
   Legacy pages load frontend/css/tokens.css, an identical copy (deploy-frontend.py uploads
   frontend/ only). Edit both together; `cmp` them before committing.
   styles.css keeps the old names (--meadow, --gold...) as aliases of these.
   Palette and type match the app and landing page: warm cream, ink, Fraunces and Onest. */
:root {
  --color-ink: #1D1216;          /* headlines, dark surfaces */
  --color-nav: #FFF3E4;          /* top nav bar, logged-in page banners */
  --color-text: #2A1A16;         /* body text */
  --color-text-muted: #64493F;   /* secondary text */
  --color-accent: #B03015;       /* primary accent, CTA */
  --color-accent-strong: #8A2410;
  --color-secondary: #45602F;    /* secondary accent, small labels, numerals */
  --color-tint: #FF9A78;         /* accent dot/kicker on dark surfaces */
  --color-bg: #FFF3E4;           /* page background */
  --color-surface: #FFE3CB;      /* panels and sections */
  --color-surface-raised: #FFF9F1; /* near-white highlight */
  --color-border: #EBCDB3;
  --color-white: #ffffff;
  --color-success: #45602F;
  --color-danger: #9B2C1F;

  --radius-md: 18px;
  --radius-xl: 26px;
  --shadow-md: 0 14px 40px rgba(42, 26, 22, 0.14);
  --shadow-sm: 0 8px 24px rgba(42, 26, 22, 0.08);
  --shadow-etch: inset 0 0 0 1px rgba(100, 73, 63, 0.10);
  --shadow-etch-strong: inset 0 0 0 1px rgba(100, 73, 63, 0.18);
  --shadow-etch-dark: inset 0 0 0 1px rgba(255, 243, 228, 0.12);
  --gradient-etch: linear-gradient(#FFE3CB, #FFE3CB);

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}