/* ============================================
   Cabinet du Docteur AL HUSSAIN Itab — Design tokens
   ============================================ */

:root {
  /* Couleurs */
  --color-white:            #FFFFFF;
  --color-white-warm:       #FBF6F1;
  --color-beige:            #F1E6D8;
  --color-beige-light:      #F7EFE6;
  --color-peach:            #F3D6C4;
  --color-peach-deep:       #E8B69C;
  --color-terracotta:       #C77A4E;
  --color-terracotta-dark:  #B0693F;
  --color-gold:             #C6A05E;
  --color-gold-light:       #E8D5B0;
  --color-text:             #3D332B;
  --color-text-secondary:   #7A6B5D;
  --color-text-muted:       #A0917F;
  --color-border:           #EDE1D3;
  --color-border-strong:    #E1CFB9;

  /* Typographie */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --fs-h1: clamp(2.1rem, 1.55rem + 2.2vw, 3.35rem);
  --fs-h2: clamp(1.7rem, 1.4rem + 1.3vw, 2.35rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Rayons */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Ombres (très légères, jamais appuyées) */
  --shadow-soft: 0 10px 30px rgba(61, 51, 43, 0.07);
  --shadow-hover: 0 16px 40px rgba(61, 51, 43, 0.11);
  --shadow-header: 0 4px 24px rgba(61, 51, 43, 0.06);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 180ms var(--ease);
  --t-base: 320ms var(--ease);
  --t-slow: 550ms var(--ease);

  /* Mise en page */
  --container-max: 1200px;
  --container-narrow: 760px;
  --section-pad-y: clamp(4rem, 4rem + 4vw, 7.5rem);
  --header-h: 108px;
}

@media (max-width: 860px) {
  :root { --header-h: 80px; }
}