/* ═══════════════════════════════════════════════════
   variables.css, מקור אמת יחיד למשתני CSS + reset
   כל קובץ CSS שצריך את הפלטה עושה:
     @import '/assets/css/variables.css';
   קובץ שצריך ערך שונה ל-variable מסוים (למשל
   --text-light אחר) מגדיר :root נוסף אחרי ה-import.
   ═══════════════════════════════════════════════════ */

:root {
  --cream: #fdf8f2;
  --cream-warm: #f4ede3;
  --white: #ffffff;
  --orange: #f6a67e;
  --orange-deep: #e8854a;
  --orange-light: #fdeede;
  --navy: #1a4a6b;
  --navy-dark: #0f2d42;
  --navy-mid: #1e5f74;
  --navy-light: #eef4f8;
  --text: #1e1e1e;
  --text-mid: #555;
  --text-light: #767676;
  --border: #e8e0d6;
  --shadow: rgba(26,74,107,0.09);
  --red: #ef4444;
  --wa-green: #25d366;
  --wa-green-dark: #1ebe5d;
  --font: 'Rubik', 'Rubik Fallback', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }