/* FoodCostCalculators.com — design tokens
   Single source of truth for palette/type/shadow values, cloned from
   the homepage + Recipe Cost Calculator prototypes. Every page loads
   this file first so nothing restyles from scratch. */

:root {
  /* palette */
  --ivory: #FBF7F0;
  --ivory-dim: #F3ECDF;
  --ink: #1C2B22;
  --ink-soft: #4A5A4F;
  --marigold: #E8A33D;
  --marigold-deep: #C67F1E;
  --marigold-pale: #FDF3E3;
  --herb: #4C7A5B;
  --herb-deep: #38614A;
  --herb-pale: #EAF3EC;
  --brick: #B44B34;
  --brick-pale: #FBEAE4;
  --line: #DED2BA;
  --paper: #FFFFFF;

  /* elevation */
  --shadow: 0 1px 2px rgba(28, 43, 34, .06), 0 8px 24px rgba(28, 43, 34, .06);
  --shadow-lift: 0 10px 30px rgba(28, 43, 34, .12);

  /* type */
  --font-serif: 'Fraunces', serif;
  --font-body: 'Public Sans', system-ui, sans-serif;

  /* radii used consistently across cards/buttons/pills */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 20px;
}