/* public/theme/themes.css */

:root {
  --bg: #0f172a;
  --panel: #111827;
  --card: #1f2937;
  --card-light: #273449;
  --text: #f9fafb;
  --muted: #9ca3af;
  --accent: #38bdf8;
  --accent-2: #6366f1;
  --danger: #ef4444;
  --success: #22c55e;
  --border: rgba(255,255,255,0.08);
  --shadow: 0 18px 45px rgba(0,0,0,0.35);

  --body-gradient: linear-gradient(135deg, #0f172a, #020617);
  --glass: rgba(31, 41, 55, 0.88);
  --topbar-bg: rgba(15, 23, 42, 0.88);
  --code-bg: #020617;
  --code-text: #d1d5db;
}

/* Violet lavande */
body.theme-purple {
  --bg: #211433;
  --panel: #2c1c43;
  --card: #34214f;
  --card-light: #402a63;
  --text: #fff7ff;
  --muted: #d8c8f2;
  --accent: #8b5cf6;
  --accent-2: #6d28d9;
  --border: rgba(139, 92, 246, 0.25);

  --body-gradient: linear-gradient(135deg, #211433, #13091f);
  --glass: rgba(52, 33, 79, 0.88);
  --topbar-bg: rgba(33, 20, 51, 0.88);
}

/* Rose doux */
body.theme-pink {
  --bg: #2b111d;
  --panel: #3a1828;
  --card: #472033;
  --card-light: #5a2941;
  --text: #fff7fb;
  --muted: #f0bfd4;
  --accent: #ec6096;
  --accent-2: #be346d;
  --border: rgba(236, 96, 150, 0.25);

  --body-gradient: linear-gradient(135deg, #2b111d, #160812);
  --glass: rgba(71, 32, 51, 0.88);
  --topbar-bg: rgba(43, 17, 29, 0.88);
}

/* Bleu doux */
body.theme-blue {
  --bg: #07111f;
  --panel: #0f1b2d;
  --card: #17243a;
  --card-light: #20314d;
  --text: #f8fafc;
  --muted: #b8c4d6;
  --accent: #60a5fa;
  --accent-2: #2563eb;
  --border: rgba(96, 165, 250, 0.25);

  --body-gradient: linear-gradient(135deg, #07111f, #020617);
  --glass: rgba(23, 36, 58, 0.88);
  --topbar-bg: rgba(7, 17, 31, 0.88);
}

/* Vert doux */
body.theme-green {
  --bg: #061a12;
  --panel: #0d251a;
  --card: #143524;
  --card-light: #1c4932;
  --text: #f0fdf4;
  --muted: #b7e7c7;
  --accent: #22c55e;
  --accent-2: #15803d;
  --border: rgba(34, 197, 94, 0.25);

  --body-gradient: linear-gradient(135deg, #061a12, #02110a);
  --glass: rgba(20, 53, 36, 0.88);
  --topbar-bg: rgba(6, 26, 18, 0.88);
}

/* Pêche doux */
body.theme-peach {
  --bg: #2c160f;
  --panel: #3a2017;
  --card: #47291e;
  --card-light: #5b3527;
  --text: #fff7ed;
  --muted: #f1c7ad;
  --accent: #fb9b63;
  --accent-2: #c76434;
  --border: rgba(251, 155, 99, 0.25);

  --body-gradient: linear-gradient(135deg, #2c160f, #160905);
  --glass: rgba(71, 41, 30, 0.88);
  --topbar-bg: rgba(44, 22, 15, 0.88);
}

/* Moka doux */
body.theme-moka {
  --bg: #241713;
  --panel: #33221d;
  --card: #402b25;
  --card-light: #52382f;
  --text: #fff8f2;
  --muted: #d8beb1;
  --accent: #a97862;
  --accent-2: #7a4f40;
  --border: rgba(169, 120, 98, 0.25);

  --body-gradient: linear-gradient(135deg, #241713, #120907);
  --glass: rgba(64, 43, 37, 0.88);
  --topbar-bg: rgba(36, 23, 19, 0.88);
}

/* Soleil doux */
body.theme-sun {
  --bg: #2b2108;
  --panel: #3a2c0d;
  --card: #4a3812;
  --card-light: #604916;
  --text: #fffbea;
  --muted: #ead58c;
  --accent: #eab308;
  --accent-2: #b7791f;
  --border: rgba(234, 179, 8, 0.25);

  --body-gradient: linear-gradient(135deg, #2b2108, #151003);
  --glass: rgba(74, 56, 18, 0.88);
  --topbar-bg: rgba(43, 33, 8, 0.88);
}

/* Menthe doux */
body.theme-mint {
  --bg: #06201c;
  --panel: #0d3029;
  --card: #143d35;
  --card-light: #1d5147;
  --text: #effffb;
  --muted: #ade7dc;
  --accent: #2dd4bf;
  --accent-2: #0f766e;
  --border: rgba(45, 212, 191, 0.25);

  --body-gradient: linear-gradient(135deg, #06201c, #02110f);
  --glass: rgba(20, 61, 53, 0.88);
  --topbar-bg: rgba(6, 32, 28, 0.88);
}

/* Bleu nuit doux */
body.theme-night {
  --bg: #0f172a;
  --panel: #111827;
  --card: #1f2937;
  --card-light: #273449;
  --text: #f9fafb;
  --muted: #9ca3af;
  --accent: #38bdf8;
  --accent-2: #6366f1;
  --border: rgba(56, 189, 248, 0.22);

  --body-gradient: linear-gradient(135deg, #0f172a, #020617);
  --glass: rgba(31, 41, 55, 0.88);
  --topbar-bg: rgba(15, 23, 42, 0.88);
}

/* Gris doux */
body.theme-gray {
  --bg: #111827;
  --panel: #1f2937;
  --card: #273449;
  --card-light: #374151;
  --text: #f9fafb;
  --muted: #cbd5e1;
  --accent: #94a3b8;
  --accent-2: #475569;
  --border: rgba(148, 163, 184, 0.25);

  --body-gradient: linear-gradient(135deg, #111827, #030712);
  --glass: rgba(39, 52, 73, 0.88);
  --topbar-bg: rgba(17, 24, 39, 0.88);
}