:root {
  /* ===== Core palette — derived from the "משפחת כהן" logo ===== */
  --primary: #205a63;            /* deep teal (logo ink / dad's shirt) */
  --primary-light: #d6e5e4;      /* pale teal tint for focus rings */
  --primary-dark: #18434a;
  --secondary: #dba94a;          /* mustard / gold (kid's shirt) */
  --secondary-light: #f7ead0;
  --accent: #ba664c;             /* terracotta (mom's shirt) */
  --accent-light: #f0d9d0;

  --gradient-primary: linear-gradient(135deg, #18434a 0%, #2c7d84 100%);

  --success: #4f9d69;
  --warning: #dba94a;
  --danger: #c0553d;             /* warm terracotta-red to match palette */

  /* ===== Surfaces & text ===== */
  --bg-primary: #f6f0e4;         /* warm cream page background */
  --bg-surface: #fffdf8;         /* opaque (no blur — mobile perf) */
  --surface: #fffdf8;            /* warm-white card surface */
  --surface-2: #efe7d6;          /* subtle inset / chips (warm) */
  --text-primary: #22403f;       /* teal-ink */
  --text-secondary: #6b7c74;
  --border: #e4dccb;

  /* Aliases used throughout the views (previously undefined) */
  --text: var(--text-primary);

  /* Fridge board surface */
  --fridge-bg: linear-gradient(105deg, #d8cdb6 0%, #ece3d0 40%, #d8cdb6 100%);
  --fridge-shadow: inset 0 0 20px rgba(0,0,0,0.12), 0 10px 30px rgba(0,0,0,0.18);
  --magnet-bg: #fffdf8;
  --magnet-text: #22403f;

  /* Family Member Colors (logo-inspired, warm) */
  --member-1: #ba664c;   /* terracotta */
  --member-2: #2c7d84;   /* teal */
  --member-3: #dba94a;   /* mustard */
  --member-4: #a25a86;   /* plum */
  --member-5: #6a8e4e;   /* olive */
  --member-6: #c98a3f;   /* amber */

  /* Spacing */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-12: 48px;
  --spacing-16: 64px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 0 15px rgba(32, 90, 99, 0.4);

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Typography */
  --font-sans: 'Heebo', sans-serif;
  --font-display: 'Amatic SC', cursive;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;

  /* Bottom Nav Safe Area */
  --safe-area-bottom: env(safe-area-inset-bottom, 20px);
  --nav-height: calc(64px + var(--safe-area-bottom));

  /* Light only — dark mode intentionally not used in this app. */
  color-scheme: light;
}