/* ============================================
   GOLSAR SADAF — DESIGN TOKENS
   A premium identity built from the brand's own
   blue ribbon / green crest / orange spark mark.
   ============================================ */

:root{
  /* ---- Brand palette (from logo + packaging) ---- */
  --blue-900:#04203F;       /* dark navy depth */
  --blue-800:#073A66;
  --blue-700:#0B5FA8;       /* primary blue (ribbon) */
  --blue-500:#1E86D8;
  --blue-300:#7CC4F2;
  --blue-100:#E6F3FC;

  --green-700:#2E7D32;
  --green-500:#3DA642;      /* fresh green (crest) */
  --green-300:#8FD18F;

  --orange-600:#D9740A;
  --orange-500:#F2941D;     /* orange accent (spark/perfume) */
  --orange-300:#FBC677;

  --white:#FFFFFF;
  --soft-white:#F7F9FB;
  --mist:#EEF3F7;
  --ink:#0C2436;
  --ink-soft:#3C5468;
  --line:#DCE6ED;

  /* ---- Gradients ---- */
  --grad-ocean: linear-gradient(135deg, var(--blue-900) 0%, var(--blue-700) 52%, var(--green-700) 100%);
  --grad-foam: linear-gradient(120deg, rgba(11,95,168,.10), rgba(61,166,66,.10));
  --grad-spark: linear-gradient(120deg, var(--orange-500), var(--orange-300));
  --grad-glass: linear-gradient(150deg, rgba(255,255,255,.55), rgba(255,255,255,.08));

  /* ---- Type ---- */
  --font-display: 'Fraunces', 'Noto Serif', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-fa: 'Vazirmatn', Tahoma, sans-serif;

  /* ---- Scale ---- */
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.95rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);
  --step-3:  clamp(2.1rem, 1.8rem + 1.4vw, 2.9rem);
  --step-4:  clamp(2.8rem, 2.2rem + 2.6vw, 4.2rem);
  --step-5:  clamp(3.6rem, 2.6rem + 4.2vw, 6rem);

  /* ---- Spacing ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: 6.5rem;
  --sp-7: 9rem;

  /* ---- Shape / depth ---- */
  --radius-s: 10px;
  --radius-m: 18px;
  --radius-l: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(7,38,66,.06);
  --shadow-md: 0 14px 36px rgba(7,38,66,.10);
  --shadow-lg: 0 30px 70px rgba(4,32,63,.18);
  --shadow-glow-blue: 0 0 0 1px rgba(11,95,168,.12), 0 18px 40px rgba(11,95,168,.18);
  --shadow-glow-orange: 0 14px 34px rgba(242,148,29,.35);

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-1: .25s;
  --dur-2: .5s;
  --dur-3: .9s;

  --container: 1280px;
}

[data-theme="dark"]{
  --soft-white:#08203A;
}