/* AamoAI / PlanMeal - design tokens (mirrors src/styles.css)
   Logo palette: teal #1e9aa0 + mint #5dc095 */
:root {
  /* Palette */
  --background: #f9fdfd; /* lighter teal mist (was #f4fbfb) */
  --foreground: #1A1A1A;
  --fg-muted: #6B7280;
  --card: #FFFFFF;
  --secondary: #eef8f8; /* soft teal wash for chips / hover */
  --primary: #1e9aa0;
  --primary-light: #5dc095;
  --primary-dark: #008080; /* title / dark teal accent */
  --primary-foreground: #FFFFFF;
  --accent: #5dc095;
  --accent-light: #7dcea9;
  --border: #E5E2DC;
  --destructive: #C0392B;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 28px;
  --radius-pill: 999px;

  /* Shared vertical rhythm below the site header */
  --page-top: 40px;


  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 14px rgba(0,0,0,.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.10);
  --shadow-focus: 0 0 0 3px rgba(30,154,160,.15);

  /* Type */
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display: "DM Serif Display", ui-serif, Georgia, serif;
}