/* =========================================================
   RC MEALS — DESIGN TOKENS
   Healthy Meals • Fresh Juices • Better Lifestyle
   ========================================================= */

:root {
  /* ---- Brand colors ---- */
  --primary: #EB0029;
  --primary-dark: #C4001F;
  --secondary: #FC791A;
  --secondary-dark: #E06A0F;
  --white: #FFFFFF;
  --cream: #F4F1EA;
  --black: #000000;

  /* ---- Text ---- */
  --title: #010F1C;
  --text: #5C6574;
  --text-muted: #6B6B6B;
  --dark: #222222;

  /* ---- Borders ---- */
  --border: #373737;
  --border-soft: #D2D2D1;

  /* ---- Backgrounds ---- */
  --bg-dark: #02142A;
  --bg-cream: #F4F1EA;
  --bg-white: #FFFFFF;

  /* ---- Complementary green (vegetables / detox / natural only) ---- */
  --green: #2F6B3E;
  --green-soft: #E7F0E5;

  /* ---- Shadows ---- */
  --shadow-soft: rgba(0, 0, 0, 0.06) 0px 4px 25px 0px;
  --shadow-feature: 0px 6px 30px 0px rgba(52, 55, 170, 0.15);

  /* ---- Radius ---- */
  --radius-card: 16px;
  --radius-btn: 100px;
  --radius-sm: 8px;

  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 20px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 40px;
  --sp-8: 44px;
  --sp-9: 52px;
  --sp-10: 120px;

  /* ---- Typography ---- */
  --font-heading: 'Epilogue', 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-alt: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;

  --h1-size: 96px;
  --h1-lh: 1.09;
  --h2-size: 40px;
  --h2-lh: 1.25;
  --h3-size: 48px;
  --h4-size: 20px;
  --h4-lh: 1.3;
  --body-size: 24px;
  --body-lh: 1.58;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.15s;
  --dur-base: 0.3s;
  --dur-slow: 0.4s;

  /* ---- Layout ---- */
  --container-max: 1528px;
  --gutter: 16px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}