/* ══════════════════════════════════════════
   LINEIGE — DESIGN TOKENS & CSS VARIABLES
   Edit colors only here.
   Theme: Warm Lilac (Accueillant & Doux)
══════════════════════════════════════════ */

:root {
  /* Easing curves */
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Typography - Unified warm sans-serif */
  --font-display: 'Outfit', sans-serif;
  --font-mono: 'Outfit', sans-serif;
  --font-body: 'Outfit', sans-serif;

  /* Layout */
  --section-pad-x: 3.5rem;
  --section-pad-y: 7rem;
  --nav-height: 68px;
  --max-width: 1280px;
  --border-radius: 14px; /* Douceur arrondie */
}

/* ── Dark theme (Warm Charcoal & Lilac) ── */
[data-theme="dark"] {
  --bg: #1c1a20; /* Charbon chaud */
  --bg2: #252229;
  --panel: #221f27;
  --panel2: #2b2831;
  --border: rgba(187, 168, 253, 0.12);
  --border2: rgba(187, 168, 253, 0.22);
  --accent: #bba8fd; /* Lilas doux */
  --accent2: #d2c4ff; /* Lilas plus clair */
  --acid: #dfa8fd; /* Touche rose/lilas chaud */
  --snow: #f6f5fa; /* Blanc chaud */
  --text: #a49ead; /* Gris violacé chaud */
  --muted: #797385;
  --glow: rgba(187, 168, 253, 0.08);
  --glow2: rgba(187, 168, 253, 0.15);
  --glow3: rgba(223, 168, 253, 0.1);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.3);

  /* Outline text effect */
  --outline-stroke: 1.5px;
  --outline-color: var(--accent2);
}

/* ── Light theme (Warm Cream & Lilac) ── */
[data-theme="light"] {
  --bg: #fcfaf8; /* Crème très doux */
  --bg2: #f4f1ef;
  --panel: #ffffff;
  --panel2: #f4f1ef;
  --border: rgba(124, 106, 245, 0.08);
  --border2: rgba(124, 106, 245, 0.15);
  --accent: #7c6af5; /* Lilas profond / Violet */
  --accent2: #5b47e0;
  --acid: #9d6af5; /* Violet légèrement rosé */
  --snow: #2b2831; /* Charbon pour texte titre */
  --text: #595561; /* Gris chaud pour texte */
  --muted: #8d8896;
  --glow: rgba(124, 106, 245, 0.06);
  --glow2: rgba(124, 106, 245, 0.12);
  --glow3: rgba(157, 106, 245, 0.08);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03);

  --outline-stroke: 1px;
  --outline-color: var(--accent);
}