/* ============================================================
   LÉVA — Design Tokens  (Navy · Crimson · White)
   Identity from the LÉVA roundel: deep navy + crimson red on a
   clean white ground. Editorial serif (Cormorant) + DM Sans.
   Background is intentionally WHITE (not cream) to stay distinct.
   ============================================================ */

:root {
  /* ── Brand Palette: Navy ── */
  --primary:         #1E2E52;   /* LÉVA navy */
  --primary-light:   #4A5A80;   /* lifted navy */
  --primary-mid:     #34456B;   /* mid navy */
  --primary-dark:    #172440;   /* deep navy */
  --primary-deeper:  #0F1830;   /* darkest press state */
  --primary-pale:    #EAECF2;   /* almost-white navy tint */

  /* ── Crimson (accent) ── */
  --red:             #A81E2C;   /* LÉVA crimson */
  --red-dark:        #8E1824;   /* hover / press */
  --red-light:       #C43B48;
  --red-pale:        #F7E7E8;   /* faint crimson wash */

  /* ── Backward-compat aliases (old gold/warm → on-brand) ── */
  --gold:            #A81E2C;   /* = --red */
  --gold-lt:         #C43B48;
  --gold-warm:       #8E1824;
  --gold-pale:       #F7E7E8;
  --terracotta:      #A81E2C;
  --parchment:       #EAECF2;
  --sand:            #6B7488;
  --warm-dark:       #33405C;
  --warm-mid:        #6B7488;
  --warm-light:      #AEB6C6;
  --off-white:       #F7F8FA;

  /* ── Base ── */
  --white:           #FFFFFF;
  --black:           #0F1830;

  /* ── Semantic ── */
  --bg:              #FFFFFF;   /* clean white ground */
  --bg-alt:          #F7F8FA;   /* cool near-white (alt sections) */
  --bg-soft:         #EEF0F4;   /* cool light panel */
  --surface:         #FFFFFF;
  --ink:             #17223B;   /* near-navy text */
  --ink-soft:        #33405C;
  --ink-mute:        #6B7488;
  --line:            #E3E6EC;   /* cool hairline */
  --line-strong:     #C7CCD8;

  --accent:          #A81E2C;   /* crimson */
  --accent-hover:    #8E1824;

  --success:         #2E7D57;
  --danger:          #A81E2C;
  --sale:            #A81E2C;

  /* ── Typography ── */
  --font-ar-display: 'Cairo', 'Noto Sans Arabic', sans-serif;
  --font-ar-body:    'Cairo', 'Noto Sans 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 (navy-tinted) ── */
  --shadow-xs:   0 1px 2px rgba(30,46,82,.05);
  --shadow-sm:   0 4px 28px rgba(30,46,82,.08);
  --shadow-md:   0 10px 50px rgba(30,46,82,.11);
  --shadow-lg:   0 20px 70px rgba(30,46,82,.15);
  --shadow-xl:   0 36px 100px rgba(30,46,82,.20);
  --shadow-gold: 0 14px 42px rgba(168,30,44,.24);
  --shadow-red:  0 14px 42px rgba(168,30,44,.24);
  --shadow-card: 0 1px 3px rgba(30,46,82,.06), 0 6px 20px rgba(30,46,82,.05);

  /* ── 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:       104px;
  --announce-h:     40px;
}