:root {

  --font-body: 'Poppins', sans-serif;
  --font-display: 'Archivo Black', sans-serif;

  --color-bg: #0d0d17;
  --color-bg-surface: #17172a;
  --color-bg-card: #14141f;
  --color-bg-card-image: #1f1f33;
  --color-bg-input: #0f0f1a;
  --color-bg-track: #1c1830;
  --color-bg-avatar: #2a2a40;
  --color-bg-active-filter: #1c1c2e;
  --color-bg-btn-deception-active: #2a2a3a;

  --color-module-gradient-1: #191826;
  --color-module-gradient-2: #131320;
  --color-module-gradient-3: #100f1a;

  --color-palier-gradient-1: #211a2e;
  --color-palier-gradient-2: #17131f;
  --color-palier-gradient-3: #100f1a;

  --color-text: #f0eef7;
  --color-text-secondary: #cfcde3;
  --color-text-muted: #9b99b8;
  --color-text-muted-2: #8b8aa8;
  --color-text-card-title: #f2ede6;
  --color-text-footer-muted: #7d7b98;
  --color-text-footer-link: #a8a6c2;

  --color-accent-pink: #ff2f92;
  --color-accent-pink-light: #ff6fb4;
  --color-accent-pink-lighter: #ff9fc7;
  --color-accent-pink-soft: #ff8fc2;
  --color-accent-pink-pale: #ffb3d1;
  --color-accent-pink-strong: #ff7fb0;
  --color-accent-magenta: #c50d5f;

  --color-accent-purple: #7c5cff;
  --color-accent-purple-light: #8b5cf6;
  --color-accent-purple-deep: #6a4be0;
  --color-accent-violet-bright: #c23bd8;
  --color-accent-violet-soft: #a996ff;
  --color-accent-violet-pale: #c8c1ff;

  --color-border: #29293f;
  --color-border-subtle: #22222f;
  --color-border-strong: #3a3a52;
  --color-border-module: #262636;
  --color-border-module-alt: #2c2440;

  --color-success: #9dff9d;
  --color-success-soft: #b9e6c9;
  --color-warning: #ffd08a;
  --color-warning-soft: #ff9d7a;
  --color-rating: #ffb84d;
  --color-danger: #ff3b3b;
  --color-danger-deep: #b60000;
  --color-danger-soft: #ff7a7a;
  --color-danger-muted: #ff6f8e;

  --overlay-white-05: rgba(255,255,255,0.05);
  --overlay-white-06: rgba(255,255,255,0.06);
  --overlay-white-08: rgba(255,255,255,0.08);
  --overlay-white-12: rgba(255,255,255,0.12);
  --overlay-white-14: rgba(255,255,255,0.14);

  --shadow-color-black-35: rgba(0,0,0,0.35);
  --shadow-color-black-50: rgba(0,0,0,0.5);

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-round: 50%;

  --color-accent-pink-border-hover: #ff2f9288;
  --color-accent-pink-border-top3: #ff2f9255;
  --color-accent-purple-border-atteint: #7c5cff44;
  --color-white: #ffffff;
  --color-error-bg: #2a1520;
  --color-error-border: #5a1f38;
  --color-error-text: #ff9dbc;
  --color-success-bg: #142a1e;
  --color-success-border: #1f5a38;
  --color-success-text: #9dffbc;
  --color-bg-google-hover: #f7f7f7;
  --color-border-google: #dadce0;
  --color-text-separator: #7b7a94;
  --color-text-google-btn: #1f1f1f;

  --color-interactive-solid: var(--color-accent-magenta);
  --color-interactive-gradient-1: var(--color-accent-magenta);
  --color-interactive-gradient-2: var(--color-accent-purple-deep);
  --color-facebook-blue: #1877f2;
  --color-error-bg-alt: #3a1620;
  --color-error-border-alt: #7a2f3f;
  --color-error-text-alt: #ff8fa3;
  --color-success-bg-alt: #163a26;
  --color-success-border-alt: #2f7a4d;
  --color-success-text-alt: #7fe3a4;
  --color-banniere-gradient-1: #2a1f3d;
  --color-banniere-gradient-2: #1a1526;

  --color-hero-heading: #f5f5f0;
  --hero-glow-1: rgba(217,17,102,0.28);
  --hero-glow-2: rgba(124,92,255,0.16);
  --color-stats-muted: #8f8aa8;
  --color-border-btn-danger: #4a2030;
  --color-bg-quiz-option-checked: #1c1626;
  --color-hero-gradient-top: #100f1c;
  --color-text-lieu-histoire: #b9b7d6;
  --color-text-badge-v: #cfc7e8;
  --color-text-raison-aimer: #e8e6f5;
  --color-series-link-gradient-1: #1c1b2c;
  --color-series-link-border: #2c2c42;
  --color-corps-card-gradient-1: #161623;
  --color-corps-card-gradient-2: #121220;
  --color-corps-chapo-text: #f5f3fb;
  --color-corps-h3-text: #f8f7fc;
  --color-corps-specs-gradient-1: #181826;
  --color-extrait-text: #dedcf0;
  --color-palier-popup-gradient-1: #241a34;
  --color-palier-popup-border: #3a2c55;
  --color-alert-success-text: #7de89a;
  --color-badge-genere: #ffb43c;
  --color-lecture-banner-gradient-1: #3a1a2a;
  --color-lecture-banner-gradient-2: #241a3a;
  --color-texte-lecture: #e7e5f2;
  --color-scene-break: #6b6a85;
  --color-chapitre-actuel-text: #ff9fcb;

  --color-beta-banner-gradient-1: #3a1a2a;
  --color-beta-banner-gradient-2: #241a3a;
}

[data-theme="light"] {

  --color-bg: #f7f6fb;
  --color-bg-surface: #ece9f5;
  --color-bg-card: #ffffff;
  --color-bg-card-image: #e3e0ee;
  --color-bg-input: #ffffff;
  --color-bg-track: #e5e1f0;
  --color-bg-avatar: #ddd8ec;
  --color-bg-active-filter: #f1e9f7;
  --color-bg-btn-deception-active: #e6e1f2;

  --color-module-gradient-1: #ffffff;
  --color-module-gradient-2: #f8f5fc;
  --color-module-gradient-3: #f3eefa;

  --color-palier-gradient-1: #ffffff;
  --color-palier-gradient-2: #f8f4fc;
  --color-palier-gradient-3: #f3eefa;

  --color-text: #1c1a26;
  --color-text-secondary: #4a4560;
  --color-text-muted: #6b6680;
  --color-text-muted-2: #6f6a88;
  --color-text-card-title: #201c2c;
  --color-text-footer-muted: #615c7a;
  --color-text-footer-link: #433f58;

  --color-accent-pink: #c42470;
  --color-accent-pink-light: #a84977;
  --color-accent-pink-lighter: #8f596f;
  --color-accent-pink-soft: #965472;
  --color-accent-pink-pale: #875f6f;
  --color-accent-pink-strong: #a1506f;
  --color-accent-magenta: #c50d5f;

  --color-accent-purple: #6c50de;
  --color-accent-purple-light: #784fd4;
  --color-accent-purple-deep: #6a4be0;
  --color-accent-violet-bright: #a933bc;
  --color-accent-violet-soft: #6c60a3;
  --color-accent-violet-pale: #6a6687;

  --color-border: #d8d4e6;
  --color-border-subtle: #e6e2f0;
  --color-border-strong: #c3bcd9;
  --color-border-module: #e0dcee;
  --color-border-module-alt: #ddd6ef;

  --color-success: #1c7c44;
  --color-success-soft: #2f7a4d;
  --color-warning: #97601a;
  --color-warning-soft: #b04a2e;
  --color-rating: #97601a;
  --color-danger: #c22626;
  --color-danger-deep: #8a1a1a;
  --color-danger-soft: #b04a2e;
  --color-danger-muted: #b8355a;

  --overlay-white-05: rgba(0,0,0,0.05);
  --overlay-white-06: rgba(0,0,0,0.06);
  --overlay-white-08: rgba(0,0,0,0.08);
  --overlay-white-12: rgba(0,0,0,0.12);
  --overlay-white-14: rgba(0,0,0,0.14);

  --color-corps-card-gradient-1: #ffffff;

  --color-corps-card-gradient-2: #f7f1fa;
  --color-corps-specs-gradient-1: #f7f1fa;

  --color-hero-gradient-top: #f8f4ff;
  --color-series-link-gradient-1: #f8f4ff;
  --color-palier-popup-gradient-1: #f8f4ff;
  --color-banniere-gradient-1: #f8f4ff;
  --color-banniere-gradient-2: #f3ecff;

  --color-beta-banner-gradient-1: #fdf0f5;
  --color-beta-banner-gradient-2: #f8f0fa;
  --color-lecture-banner-gradient-1: #fdf0f5;
  --color-lecture-banner-gradient-2: #f8f0fa;

  --color-extrait-text: #4a4560;
  --color-text-raison-aimer: #4a4560;
  --color-texte-lecture: #1c1a26;

  --color-hero-heading: #201c2c;
  --hero-glow-1: rgba(196,36,112,0.10);
  --hero-glow-2: rgba(108,80,222,0.08);
  --color-corps-chapo-text: #201c2c;
  --color-corps-h3-text: #201c2c;

  --color-stats-muted: #6b6680;
  --color-text-lieu-histoire: #6f6a88;
  --color-text-badge-v: #4a4560;
  --color-text-separator: #6f6a88;
  --color-scene-break: #6b6680;

  --color-series-link-border: #e0dcee;
  --color-palier-popup-border: #e0dcee;

  --color-chapitre-actuel-text: #c42470;

  --color-white: #ffffff;

  --color-accent-pink-border-hover: #c4247070;
  --color-accent-pink-border-top3: #c4247044;
  --color-accent-purple-border-atteint: #6c50de40;

  --color-error-bg: #fdecee;
  --color-error-border: #f0b4c0;
  --color-error-text: #c22626;
  --color-success-bg: #eaf7ee;
  --color-success-border: #b9e0c4;
  --color-success-text: #1c7c44;
  --color-error-bg-alt: #fdecee;
  --color-error-border-alt: #f0b4c0;
  --color-error-text-alt: #c22626;
  --color-success-bg-alt: #eaf7ee;
  --color-success-border-alt: #b9e0c4;
  --color-success-text-alt: #1c7c44;
  --color-alert-success-text: #1c7c44;
  --color-badge-genere: #97601a;

  --color-border-btn-danger: #f0b4c0;
  --color-bg-quiz-option-checked: #f8f4ff;

  --color-bg-google-hover: #f7f7f7;
  --color-border-google: #dadce0;
  --color-text-google-btn: #1f1f1f;
  --color-facebook-blue: #1877f2;

  --color-interactive-solid: var(--color-accent-pink);
  --color-interactive-gradient-1: var(--color-accent-pink);
  --color-interactive-gradient-2: var(--color-accent-purple);
}