/* ==========================================================================
   AUTYAMI - Design System & Tokens Sensoriels (Ambiance Cosy, Beige, Bois & Végétal)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  /* --- Thème Principal : Cocon Chaleureux (Beige, Bois, Vert Sauge & Nuit Douce) --- */
  --bg-space: #14100c;
  --bg-primary: #1d1712;
  --bg-secondary: #27201a;
  --bg-card: rgba(39, 32, 26, 0.85);
  --bg-card-hover: rgba(51, 42, 34, 0.95);
  --bg-card-solid: #2e251e;
  --bg-input: rgba(22, 17, 13, 0.9);
  --bg-glass: rgba(35, 28, 22, 0.75);

  /* Tons Cosy Pâles (Beige, Crème, Latte, Bois) */
  --oat-cream: #fbf7ee;
  --warm-beige: #ebdccb;
  --latte: #d6c4af;
  --sand: #c5b299;
  --wood-warm: #ab7a4e;
  --wood-dark: #6e4b2c;
  --wood-shelf: #8d5b32;
  --terracotta: #d46b4f;
  --terracotta-soft: #f2a68d;
  
  /* Végétal & Sauge (Plantes & Nature) */
  --sage-green: #749c75;
  --sage-soft: #a7c8a9;
  --emerald-plant: #3d8b5c;
  --moss-dark: #244c33;

  /* Chaleur & Lueurs (Bougie & Bulles Célestes) */
  --amber-candle: #f59e0b;
  --amber-glow: rgba(245, 158, 11, 0.28);
  --honey-soft: #fde68a;
  --cyan-core: #38bdf8;
  --cyan-glow: rgba(56, 189, 248, 0.35);
  --cyan-soft: #7dd3fc;
  --bubble-blue: #0284c7;

  /* Textes & Contraste Apaisé */
  --text-primary: #fcf9f2;
  --text-secondary: #d1c0ae;
  --text-muted: #9e8d7c;
  --text-inverse: #1c140e;

  /* Bordures et Verre Dépoli */
  --border-soft: rgba(235, 220, 203, 0.14);
  --border-hover: rgba(235, 220, 203, 0.35);
  --border-focus: #ab7a4e;
  --glass-blur: blur(14px);

  /* Ombres Cosy */
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-bubble: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 20px rgba(171, 122, 78, 0.15);
  --shadow-glow: 0 0 25px rgba(245, 158, 11, 0.25);
  --shadow-warm: 0 0 22px rgba(212, 107, 79, 0.25);

  /* Typographie & Rayons */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Lexend', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-alt: 'Plus Jakarta Sans', sans-serif;
  
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- Variantes de Thèmes Sensoriels Complets --- */

/* 1. Thème Jour Doux / Crème & Lin (Beige Pastel Anti-Éblouissement) */
[data-theme="soft-day"] {
  --bg-space: #f4eee3;
  --bg-primary: #fcf8f2;
  --bg-secondary: #eee4d5;
  --bg-card: rgba(255, 253, 250, 0.95);
  --bg-card-hover: #ffffff;
  --bg-card-solid: #ffffff;
  --bg-input: #f0e8dc;
  --bg-glass: rgba(244, 238, 227, 0.9);
  --wood-warm: #a67c52;
  --wood-dark: #6e4b2c;
  --wood-shelf: #8d5b32;
  --warm-beige: #8c6239;
  --text-primary: #2d241e;
  --text-secondary: #5e4c3e;
  --text-muted: #8c7866;
  --border-soft: rgba(166, 124, 82, 0.22);
  --border-hover: rgba(166, 124, 82, 0.45);
  --shadow-bubble: 0 10px 25px rgba(110, 75, 44, 0.1);
  --amber-candle: #d97706;
  --amber-glow: rgba(217, 119, 6, 0.2);
}

/* 2. Thème Forêt Calme (Nature, Sauge & Mousse) */
[data-theme="nature"] {
  --bg-space: #0c1710;
  --bg-primary: #122218;
  --bg-secondary: #192e21;
  --bg-card: rgba(25, 46, 33, 0.92);
  --bg-card-hover: rgba(34, 60, 43, 0.98);
  --bg-card-solid: #192e21;
  --bg-input: #0f1c14;
  --bg-glass: rgba(18, 34, 24, 0.88);
  --wood-warm: #528c5a;
  --wood-dark: #2d5a34;
  --wood-shelf: #3d7345;
  --warm-beige: #a7c8a9;
  --cyan-core: #749c75;
  --cyan-soft: #a7c8a9;
  --amber-candle: #e09f3e;
  --amber-glow: rgba(116, 156, 117, 0.3);
  --text-primary: #f2f7f4;
  --text-secondary: #bad1c2;
  --text-muted: #839e8d;
  --border-soft: rgba(167, 200, 169, 0.22);
  --border-hover: rgba(167, 200, 169, 0.5);
  --shadow-bubble: 0 10px 30px rgba(0, 0, 0, 0.6);
}

/* 3. Thème Nuit Étoilée Bleutée (Option Céleste) */
[data-theme="celestial"] {
  --bg-space: #070b16;
  --bg-primary: #0d1527;
  --bg-secondary: #141f38;
  --bg-card: rgba(20, 31, 56, 0.92);
  --bg-card-hover: rgba(28, 43, 77, 0.98);
  --bg-card-solid: #141f38;
  --bg-input: #0a1020;
  --bg-glass: rgba(13, 21, 39, 0.88);
  --wood-warm: #38bdf8;
  --wood-dark: #0369a1;
  --wood-shelf: #0284c7;
  --warm-beige: #7dd3fc;
  --cyan-core: #38bdf8;
  --cyan-soft: #7dd3fc;
  --amber-candle: #38bdf8;
  --amber-glow: rgba(56, 189, 248, 0.3);
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --border-soft: rgba(56, 189, 248, 0.22);
  --border-hover: rgba(56, 189, 248, 0.5);
  --shadow-bubble: 0 10px 30px rgba(0, 0, 0, 0.6);
}

/* 4. Thème Basse Stimulation (Low-Stim) */
[data-theme="low-stim"] {
  --bg-space: #141210;
  --bg-primary: #1c1917;
  --bg-secondary: #24201d;
  --bg-card: #24201d;
  --bg-card-hover: #2e2a26;
  --bg-card-solid: #24201d;
  --bg-input: #171513;
  --bg-glass: #1c1917;
  --wood-warm: #78716c;
  --wood-dark: #44403c;
  --wood-shelf: #57534e;
  --warm-beige: #a8a29e;
  --cyan-core: #a89f91;
  --cyan-glow: transparent;
  --amber-candle: #b5a895;
  --amber-glow: transparent;
  --text-primary: #e7e5e4;
  --text-secondary: #a8a29e;
  --text-muted: #78716c;
  --border-soft: #38332e;
  --border-hover: #4d4640;
  --shadow-bubble: none;
  --shadow-glow: none;
}

[data-theme="low-stim"] * {
  animation: none !important;
  transition: none !important;
  backdrop-filter: none !important;
}