/* =============================================================================
   3A FINANCEMENT — DESIGN TOKENS
   =============================================================================
   Source unique de vérité pour les couleurs, typographies, ombres.
   Ne pas modifier les valeurs ailleurs — toujours passer par ces variables.
   ============================================================================= */

:root {
  /* -- COULEURS DE MARQUE -- */
  --c-brand:       #0047BB;   /* Bleu primaire (logo) */
  --c-brand-deep:  #00308F;   /* Bleu profond, hovers */
  --c-brand-soft:  #E6EFFA;   /* Bleu fond, badges */
  --c-brand-line:  #B8D0EE;   /* Bleu bordures subtiles */

  /* -- COULEURS D'ACCENT -- */
  --c-gold:        #B8935A;   /* Or signature, patrimoine */
  --c-gold-soft:   #F5EDD9;   /* Fond or pâle */
  --c-gold-light:  #D4B887;   /* Or clair, hovers */

  /* -- NEUTRES -- */
  --c-cream:       #F7F4ED;   /* Crème fonds patrimoniaux */
  --c-paper:       #FBFAF6;   /* Papier chaleureux */
  --c-white:       #FFFFFF;
  --c-ink:         #0A1628;   /* Noir encre */
  --c-ink-soft:    #3D4756;   /* Texte secondaire */
  --c-ink-muted:   #6B7580;   /* Labels, meta */
  --c-line:        #E4E1D8;   /* Bordures */
  --c-line-soft:   #EFEDE5;   /* Bordures subtiles */

  /* -- ÉTATS -- */
  --c-success:      #0D7A4A;
  --c-success-soft: #E6F4ED;
  --c-warn:         #B8935A;
  --c-warn-soft:    #F5EDD9;
  --c-danger:       #B03A3A;
  --c-danger-soft:  #F8E8E8;

  /* -- TYPOGRAPHIES -- */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* -- ÉCHELLE TYPOGRAPHIQUE -- */
  --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:  3rem;
  --fs-5xl:  3.75rem;

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

  /* -- OMBRES -- */
  --shadow-xs: 0 1px 2px rgba(10,22,40,0.04);
  --shadow-sm: 0 2px 6px rgba(10,22,40,0.04);
  --shadow-md: 0 10px 30px rgba(10,22,40,0.08);
  --shadow-lg: 0 20px 50px rgba(10,22,40,0.12);

  /* -- BORDER RADIUS -- */
  --r-none: 0;
  --r-xs:   2px;
  --r-sm:   3px;
  --r-md:   4px;
  --r-lg:   8px;
  --r-full: 9999px;

  /* -- LAYOUT -- */
  --container-max: 1200px;
  --container-pad: 1.5rem;

  /* -- Z-INDEX ÉCHELLE -- */
  --z-sticky:   50;
  --z-header:   100;
  --z-overlay:  1000;
  --z-modal:    1100;

  /* -- TRANSITIONS -- */
  --t-fast:   150ms ease;
  --t-normal: 250ms ease;
  --t-slow:   400ms ease;
}
