/* ============================================================
   Renee — Design Tokens  (Dusky Blue Luxury Edition)
   ============================================================ */

:root {
  /* ── Brand Palette: Dusky Blue ── */
  --primary:         #9EADB2;   /* Dusky Blue */
  --primary-light:   #BBC6C8;   /* Nordic Breeze */
  --primary-mid:     #808D93;   /* Icy Blue mid */
  --primary-dark:    #4F616D;   /* Industrial Blue */
  --primary-deeper:  #38505C;   /* Deep press state */
  --primary-pale:    #EAEDEE;   /* Almost-white blue tint */

  /* ── Gold / Warm Tones ── */
  --gold:            #7F5C48;
  --gold-lt:         #BFAE9A;
  --gold-warm:       #A07255;
  --gold-pale:       #E8E2D9;

  /* ── Backward-compat aliases ── */
  --terracotta:      #7F5C48;   /* = --gold */
  --parchment:       #BFAE9A;   /* = --gold-lt */
  --sand:            #857B6F;
  --warm-dark:       #605D58;
  --warm-mid:        #96938C;
  --warm-light:      #BFBCB5;
  --off-white:       #D3D3C7;

  /* ── Base ── */
  --white:           #FAFAF8;
  --black:           #111111;

  /* ── Semantic ── */
  --bg:              #FAFAF8;
  --bg-alt:          #F4F2EC;
  --bg-soft:         #ECE9E1;
  --surface:         #FFFFFF;
  --ink:             #111111;
  --ink-soft:        #2C2C2C;
  --ink-mute:        #6E6E6E;
  --line:            #E2DDD7;
  --line-strong:     #BFBCB5;

  --accent:          #4F616D;   /* = --primary-dark */
  --accent-hover:    #38505C;   /* = --primary-deeper */

  --success:         #5C7A5C;
  --danger:          #B8554A;
  --sale:            #B83232;

  /* ── Typography ── */
  --font-ar-display: 'Tajawal', 'Noto Serif Arabic', sans-serif;
  --font-ar-body:    'Tajawal', 'Noto Serif Arabic', sans-serif;
  --font-en-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-en-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:       'JetBrains Mono', 'Courier New', monospace;

  /* ── Type Scale ── */
  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.125rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   2.5rem;
  --fs-4xl:   3.25rem;
  --fs-5xl:   4.5rem;

  /* ── Spacing ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  /* ── Radii ── */
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   10px;
  --r-xl:   16px;
  --r-pill: 999px;

  /* ── Shadows ── */
  --shadow-xs:   0 1px 2px rgba(56,80,92,.04);
  --shadow-sm:   0 4px 28px rgba(56,80,92,.07);
  --shadow-md:   0 10px 50px rgba(56,80,92,.10);
  --shadow-lg:   0 20px 70px rgba(56,80,92,.14);
  --shadow-xl:   0 36px 100px rgba(56,80,92,.19);
  --shadow-gold: 0 14px 42px rgba(127,92,72,.26);
  --shadow-card: 0 1px 3px rgba(79,97,109,.06), 0 6px 20px rgba(79,97,109,.04);

  /* ── Motion ── */
  --ease:      cubic-bezier(0.22, 0.68, 0, 1.2);
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast:    150ms;
  --t-base:    250ms;
  --t-slow:    400ms;

  /* ── Layout ── */
  --container:      1440px;
  --container-pad:  clamp(1rem, 3.3vw, 3rem);
  --header-h:       72px;
  --announce-h:     40px;
}