/* =========================================================
   Rosalie — Design Tokens
   Light / Glassmorphism theme: white & off-white surfaces,
   a luxury Lilac → Lavender → deep Purple brand palette
   ("Amethyst Glass"), with coral + sky as secondary accents.
   ========================================================= */

:root {
  /* --- Surfaces --- */
  --bg-void: #ffffff;
  --bg-primary: #fdfbff;
  --bg-secondary: #f6f0fb;

  /* Amethyst glass: translucent white + soft violet glow edge */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-strong: rgba(255, 255, 255, 0.78);
  --glass-border: rgba(139, 92, 194, 0.28);
  --glass-border-strong: rgba(139, 92, 194, 0.55);

  /* --- Brand accents --- */
  --lavender: #a87fdb;
  --lilac: #e9dbfa;
  --purple-deep: #5b2e91;
  --coral: #ff6584;
  --sky: #2fb6e0;

  /* --- Gradients --- */
  --grad-lavender: linear-gradient(135deg, #e9dbfa 0%, #a87fdb 45%, #5b2e91 100%);
  --grad-women: linear-gradient(135deg, #ffe1e9 0%, #ffa9c2 55%, #d1608a 100%);
  --grad-men: linear-gradient(135deg, #dcf0fc 0%, #8fc7ef 55%, #4a86c4 100%);
  --grad-hero: radial-gradient(circle at 25% 20%, rgba(168, 127, 219, 0.22), transparent 55%),
    radial-gradient(circle at 78% 15%, rgba(255, 101, 132, 0.12), transparent 50%),
    radial-gradient(circle at 55% 100%, rgba(91, 46, 145, 0.14), transparent 60%);

  /* --- Text --- */
  --text-primary: #241b2e;
  --text-secondary: #6b5c78;
  --text-muted: #a396ac;
  --text-on-brand: #ffffff;

  /* --- Typography --- */
  --font-fa: "Vazirmatn", "Vazirmatn FD", Tahoma, sans-serif;

  /* --- Shadows / glow --- */
  --shadow-soft: 0 8px 30px rgba(60, 30, 90, 0.08);
  --shadow-deep: 0 24px 60px rgba(60, 30, 90, 0.16);
  --glow-lavender: 0 0 28px rgba(168, 127, 219, 0.4);
  --glow-coral: 0 0 28px rgba(255, 101, 132, 0.35);

  /* --- Radii / spacing --- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  /* --- Motion --- */
  --ease-lux: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  /* --- Layout --- */
  --container-max: 1400px;
  --header-h: 84px;
}