/* ═══════════════════════════════════════════════════════════════
   SUNNYSIDE HOME CARE LLC — Design System Variables
   Typography: Cormorant Garamond | Josefin Sans | Outfit
   Colors: Navy | Gold | Teal | Cream
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Brand Colors */
  --navy: #0F1B33;
  --navy-mid: #162240;
  --navy-light: #1A2E50;
  --gold: #F2A900;
  --gold-light: #FFD166;
  --gold-deep: #E07B00;
  --teal: #1D7A7A;
  --teal-light: #2BA5A5;
  --cream: #FFFAF2;
  --cream-warm: #FFF0DB;
  --white: #FFFFFF;

  /* Semantic Colors */
  --text-dark: #1a1a2e;
  --text-muted: #5a5a6e;
  --text-light: rgba(255, 255, 255, 0.6);
  --text-on-dark: rgba(255, 255, 255, 0.85);

  /* Shadows */
  --shadow-soft: 0 4px 30px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 16px 50px rgba(0, 0, 0, 0.1);
  --shadow-gold: 0 8px 30px rgba(242, 169, 0, 0.25);
  --shadow-gold-hover: 0 12px 40px rgba(242, 169, 0, 0.35);

  /* Border Radius */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 50px;

  /* Transitions */
  --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-fast: all 0.25s ease;

  /* Spacing */
  --section-padding: 100px;
  --container-max: 1200px;
  --container-padding: 32px;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-heading: 'Josefin Sans', 'Trebuchet MS', sans-serif;
  --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
}