/* ============================================================
   Sugared Dreams Coffee — Design Tokens
   Palette sampled from the logo, branded cups, and the
   owner-approved "drink on a cloud" celestial aesthetic.
   Dreamy • celestial • indulgent-but-healthy • warm.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --sd-magenta:        #E5308A; /* logo cup outline, "SUGARED DREAMS" */
  --sd-magenta-deep:   #C31E74; /* pressed / deep accent */
  --sd-pink:           #F26FB2; /* bright pink */
  --sd-pink-soft:      #F9B6D8; /* blush, steam, highlights */
  --sd-pink-mist:      #FBE0EE; /* pale wash */

  --sd-purple:         #6D28D9; /* cup body, dreamy purple */
  --sd-purple-royal:   #7C3AED;
  --sd-purple-soft:    #A56BE6; /* lavender clouds */
  --sd-plum:           #3B0764; /* deep night */
  --sd-night:          #1E0733; /* near-black night sky */

  --sd-gold:           #E0B255; /* stars / metallic accents */
  --sd-gold-soft:      #F3D9A0;

  /* ---- Neutrals ---- */
  --sd-cream:          #F7ECD8; /* warm off-white (flyer bg) */
  --sd-cream-deep:     #EFE0C6;
  --sd-white:          #FFFDF9;
  --sd-ink:            #2A0F3D; /* body text on light */
  --sd-ink-soft:       #5B3D6E;

  /* ---- Semantic ---- */
  --sd-bg:             var(--sd-night);
  --sd-bg-alt:         var(--sd-plum);
  --sd-surface:        rgba(255, 255, 255, 0.06);
  --sd-text:           var(--sd-white);
  --sd-text-muted:     rgba(255, 253, 249, 0.72);
  --sd-accent:         var(--sd-pink);
  --sd-accent-2:       var(--sd-gold);

  /* ---- Signature gradients ---- */
  --sd-grad-dream:  radial-gradient(120% 120% at 50% 0%, #4A1877 0%, #2A0B47 45%, #1E0733 100%);
  --sd-grad-sunset: linear-gradient(160deg, #F9B6D8 0%, #A56BE6 55%, #6D28D9 100%);
  --sd-grad-candy:  linear-gradient(135deg, var(--sd-magenta) 0%, var(--sd-purple-royal) 100%);
  --sd-glow-pink:   0 0 40px rgba(242, 111, 178, 0.45);
  --sd-glow-gold:   0 0 24px rgba(224, 178, 85, 0.5);

  /* ---- Type ---- (loaded via Google Fonts in index.html)
     Display: Fraunces — warm, characterful soft serif (avoids generic-sans look).
     Script:  Pacifico — bouncy accent for tagline touches ("Do Brew True").
     Body:    Nunito — soft, friendly, highly legible. */
  --sd-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sd-font-script:  "Pacifico", "Brush Script MT", cursive;
  --sd-font-body:    "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  --sd-h1: clamp(2.6rem, 7vw, 5.5rem);
  --sd-h2: clamp(2rem, 4.5vw, 3.25rem);
  --sd-h3: clamp(1.35rem, 2.6vw, 1.9rem);
  --sd-body: clamp(1rem, 1.3vw, 1.125rem);

  /* ---- Spacing / layout ---- */
  --sd-maxw: 1200px;
  --sd-gutter: clamp(1.25rem, 5vw, 4rem);
  --sd-radius: 18px;
  --sd-radius-lg: 32px;

  /* ---- Motion ---- */
  --sd-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sd-dur: 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --sd-dur: 0.001s; }
}