/* ============================================================
   ASTROLOGICS - "Saffron Sunrise" design tokens
   Warm · auspicious · temple-meets-modern-SaaS · light theme
   ============================================================ */

:root {
  /* —— Brand / saffron family —— */
  --saffron:        #FF7A1A;   /* primary action */
  --saffron-deep:   #E8590C;   /* pressed / gradient end */
  --marigold:       #FFB347;   /* warm secondary */
  --gold:           #C9A227;   /* temple gold (hairlines, foils) */
  --gold-soft:      #E8B84B;
  --maroon:         #7A1F1F;   /* deep devotional accent */
  --maroon-deep:    #571212;

  /* —— Auspicious supporting hues —— */
  --tulsi:          #1FA463;   /* online / success / "auspicious" green */
  --tulsi-deep:     #137a47;
  --lotus:          #E0457B;   /* love / relationships category */
  --indigo:         #4B3FA8;   /* spirituality / night-sky accent */
  --sky:            #2F8FD0;   /* info */

  /* —— Ink / neutrals (all warm-tinted, never pure grey) —— */
  --ink:            #2A1A0E;   /* primary text */
  --ink-2:          #5B4636;   /* secondary text */
  --ink-3:          #8A7257;   /* muted text */
  --line:           #ECD9BE;   /* warm hairline */
  --line-2:         #F4E7D2;

  /* —— Surfaces —— */
  --bg:             #FFF8EE;   /* page cream */
  --bg-2:           #FCEFD9;   /* alt band */
  --bg-3:           #FBE6C8;   /* deeper band */
  --card:           #FFFFFF;
  --card-tint:      #FFFBF4;   /* warm card */
  --ink-panel:      #271810;   /* dark warm panel (footer, contrast bands) */

  /* —— Foil / sunrise gradients —— */
  --grad-sunrise:   linear-gradient(135deg, #FF7A1A 0%, #FFB347 52%, #E8B84B 100%);
  --grad-saffron:   linear-gradient(180deg, #FF8A2E 0%, #E8590C 100%);
  --grad-gold:      linear-gradient(135deg, #E8B84B 0%, #C9A227 100%);
  --grad-dawn:      radial-gradient(120% 90% at 50% -10%, #FFE7C2 0%, #FFF8EE 46%, #FFF8EE 100%);
  --grad-ember:     linear-gradient(135deg, #7A1F1F 0%, #B23A0E 60%, #E8590C 100%);

  /* —— Shadows (warm, layered) —— */
  --sh-xs:  0 1px 2px rgba(122,31,31,.06);
  --sh-sm:  0 2px 8px rgba(122,31,31,.07), 0 1px 2px rgba(122,31,31,.05);
  --sh-md:  0 10px 28px -8px rgba(122,31,31,.18), 0 4px 10px -4px rgba(122,31,31,.10);
  --sh-lg:  0 28px 60px -18px rgba(122,31,31,.28), 0 10px 24px -12px rgba(122,31,31,.16);
  --sh-glow:0 0 0 1px rgba(201,162,39,.35), 0 16px 40px -12px rgba(255,122,26,.35);

  /* —— Radii —— */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 36px;
  --r-pill: 999px;

  /* —— Type —— */
  --font-display: "Fraunces", "Tiro Devanagari Hindi", Georgia, serif;
  --font-body:    "Mulish", system-ui, -apple-system, sans-serif;
  --font-deva:    "Tiro Devanagari Hindi", "Fraunces", serif;

  /* —— Layout —— */
  --maxw: 1200px;
  --gutter: clamp(18px, 4vw, 40px);
  --nav-h: 76px;

  /* —— Motion —— */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}