/* ═══════════════════════════════════════
   TERRYS — Variables & Reset
   Groupe Bellon · Palette Noir & Orange
═══════════════════════════════════════ */

:root {
  /* ── Palette principale ── */
  --forest:    #0f0f0f;   /* noir principal (remplace vert forêt) */
  --forest2:   #1a1a1a;   /* noir légèrement plus clair */
  --forest3:   #2a2a2a;   /* anthracite */
  --forest4:   #080808;   /* noir profond */

  --lime:      #ff7040;   /* orange clair / accent (remplace lime) */
  --lime2:     #e84e1b;   /* orange principal */
  --lime3:     #ff8c60;   /* orange très clair */

  --cream:     #f5f2eb;
  --cream2:    #ede9e0;
  --cream3:    #e4dfd4;
  --white:     #ffffff;
  --text:      #1a1a1a;
  --text2:     #3a3a3a;
  --muted:     #7a7a7a;
  --muted2:    #999999;
  --border:    #d8d4cb;
  --border2:   #e8e4db;

  /* ── Orange (accent principal) ── */
  --orange:    #e84e1b;
  --orange2:   #ff7040;

  /* ── Status ── */
  --green-ok:  #16a34a;
  --green-bg:  #dcfce7;
  --green-br:  #bbf7d0;
  --warn:      #d97706;
  --warn-bg:   #fef3c7;
  --blue:      #2563eb;
  --blue-bg:   #dbeafe;

  /* Typography */
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-sans:  'Geist', 'Segoe UI', sans-serif;
  --font-mono:  'Geist Mono', 'Courier New', monospace;

  /* Spacing */
  --sp-xs:  4px;  --sp-sm:  8px;  --sp-md:  16px;
  --sp-lg:  24px; --sp-xl:  40px; --sp-2xl: 64px; --sp-3xl: 100px;

  /* Radii */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px;
  --r-xl: 20px; --r-2xl: 28px; --r-pill: 100px;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.14);
  --shadow-xl: 0 28px 90px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.08);

  /* Transitions */
  --tr-fast: all 0.15s ease;
  --tr-base: all 0.25s ease;
  --tr-slow: all 0.4s ease;

  /* Layout */
  --max-width: 1100px;
  --nav-height: 64px;
}

/* ─── RESET ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }

body {
  background: var(--cream);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font-family: var(--font-sans); }
ul, ol { list-style: none; }

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted2); }

/* ─── UTILITIES ─── */
.container { max-width: var(--max-width); margin: 0 auto; width: 100%; }
.section { padding: var(--sp-3xl) 48px; }
.section--alt   { background: var(--white); }
.section--dark  { background: var(--forest); }
.section--muted { background: var(--cream2); }