/* ==========================================================================
   ORIUM CONSEIL — TOKENS DESIGN v4 (Premium)
   Direction : cabinet de courtage suisse, institutionnel, conseil premium
   ========================================================================== */

:root {
  /* ===== COULEURS PRINCIPALES ===== */
  --bleu-nuit:      #0a1530;   /* Bleu marine profond dominant */
  --bleu-nuit-2:    #142447;
  --bleu-nuit-3:    #1f3463;
  --bleu-ardoise:   #2c4775;
  --noir:           #050810;
  
  /* ===== OR PREMIUM (accents sobres) ===== */
  --or:             #b48f5d;   /* Or sobre, plus mature */
  --or-clair:       #d4b380;
  --or-fonce:       #8a6a3f;
  --or-glow:        rgba(180, 143, 93, .15);
  
  /* ===== ACTION (rouge réservé aux CTA primaires) ===== */
  --rouge:          #b8243a;   /* Rouge suisse mature */
  --rouge-2:        #951d2e;
  
  /* ===== NEUTRES PREMIUM ===== */
  --creme:          #f7f3ec;
  --creme-2:        #f1ebe0;
  --beige:          #ebe3d4;
  --beige-2:        #ddd2bf;
  --blanc:          #ffffff;
  --gris-fonce:     #4b5563;
  --gris:           #6b7280;
  --gris-clair:     #9ca3af;
  --gris-tres-clair:#e5e7eb;
  --gris-xl:        #f3f4f6;
  
  /* ===== ÉTATS ===== */
  --vert:           #16a34a;
  --orange:         #d97706;
  
  /* ===== TYPOGRAPHIE ===== */
  --ff-display:     'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --ff-body:        'Inter', 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* ===== RAYONS (sobriété) ===== */
  --r-s:            6px;
  --r:              10px;
  --r-l:            16px;
  --r-xl:           24px;
  --r-circle:       50%;
  
  /* ===== OMBRES PREMIUM (très discrètes) ===== */
  --sh-xs:          0 1px 2px rgba(10, 21, 48, .04);
  --sh-s:           0 2px 6px rgba(10, 21, 48, .06);
  --sh-m:           0 8px 24px rgba(10, 21, 48, .08);
  --sh-l:           0 16px 40px rgba(10, 21, 48, .12);
  --sh-xl:          0 32px 80px rgba(10, 21, 48, .20);
  
  /* ===== TRANSITIONS ===== */
  --ease:           cubic-bezier(.22, 1, .36, 1);
  --d-fast:         .2s;
  --d:              .35s;
  --d-slow:         .6s;
  
  /* ===== ESPACEMENT (généreux) ===== */
  --container-max:  1240px;
  --section-py:     clamp(5rem, 10vw, 8rem);
}

/* ===== RESET MINIMAL ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body {
  font-family: var(--ff-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--bleu-nuit);
  background: var(--creme);
  line-height: 1.65;
  overflow-x: hidden;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--d-fast); }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, select, textarea { font-family: inherit; outline: none; }
ul { list-style: none; }
svg { display: block; }