/* ════════════════════════════════════════════════════
   LUMIÈRE — Design Tokens
   Soft pastel · storybook calm · generous breathing room
   ════════════════════════════════════════════════════ */

:root {
  /* ── Palette: pastel cream & soft rose ────────── */
  --paper:        #FDFAF5;   /* page background — warm cream */
  --paper-2:      #F7F0E8;   /* secondary surface */
  --surface:      #FFFFFF;   /* cards */

  --rose-50:      #FDF2EE;
  --rose-100:     #F9E2D9;
  --rose-200:     #F2C8B8;
  --rose-300:     #E8A992;
  --rose-400:     #D88566;
  --rose-500:     #C46544;   /* primary brand */
  --rose-600:     #A14E32;
  --rose-700:     #7C3C26;

  --sage-50:      #F0F2EC;   /* accent — soft sage green */
  --sage-100:     #DDE2D2;
  --sage-300:     #A3B098;
  --sage-500:     #6D7A60;

  --gold:         #B8956A;   /* warm gold for highlights */
  --gold-soft:    #E8D9BF;

  /* Ink scale (warm dark, never pure black) */
  --ink-900:      #2A2018;
  --ink-700:      #4A3D2E;
  --ink-500:      #7A6B58;
  --ink-300:      #B5A892;
  --ink-200:      #D4C8B5;

  /* Lines */
  --line:         #ECE2D4;
  --line-2:       #D4C8B5;

  /* Shadows — soft, never harsh */
  --sh-xs:        0 1px 2px rgba(74, 61, 46, 0.04);
  --sh-sm:        0 4px 12px rgba(74, 61, 46, 0.06);
  --sh:           0 8px 24px rgba(74, 61, 46, 0.08);
  --sh-lg:        0 20px 50px -10px rgba(74, 61, 46, 0.14);
  --sh-rose:      0 12px 32px -8px rgba(196, 101, 68, 0.22);

  /* ── Typography ────────────────────────────────── */
  --font-ar:      'Thmanyah', system-ui, sans-serif;
  --font-en:      'Thmanyah', system-ui, sans-serif;
  --font-display: 'Thmanyah Display', 'Thmanyah', serif;

  /* Type scale */
  --fs-xs:    12px;
  --fs-sm:    13px;
  --fs-base:  15px;
  --fs-md:    17px;
  --fs-lg:    20px;
  --fs-xl:    26px;
  --fs-2xl:   34px;
  --fs-3xl:   46px;
  --fs-4xl:   64px;
  --fs-hero:  clamp(40px, 6vw, 88px);

  /* ── Spacing ────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  32px;
  --sp-8:  40px;
  --sp-9:  56px;
  --sp-10: 72px;
  --sp-11: 96px;
  --sp-12: 120px;

  /* ── Radius ────────────────────────────────── */
  --r-xs:  6px;
  --r-sm:  10px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-2xl: 40px;
  --r-pill: 999px;

  /* ── Layout ────────────────────────────────── */
  --container: 1240px;
  --gutter:    24px;
  --side:      28px;

  /* ── Motion ────────────────────────────────── */
  --ease:      cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast:  180ms;
  --dur:       280ms;
  --dur-slow:  480ms;
}