:root {
  --color-coral: #FBC2AA;
  --color-coral-dark: #E8A98F;
  --color-coral-light: #F5A893;
  --color-peach: #F5C6B8;
  --color-cream: #FFF8F3;
  --color-cream-dark: #FFF0E6;
  --color-gold: #F0C987;
  --color-gold-light: #F7DFB4;

  --color-text-dark: #2D2D2D;
  --color-text-body: #5A5A5A;
  --color-text-light: #8A8A8A;
  --color-text-coral: #D4735C;

  --color-white: #FFFFFF;
  --color-bg: #FFF8F3;
  --color-bg-card: #FFFFFF;
  --color-border: #F0E0D6;
  --color-star: #F0C987;

  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Nunito', 'Arial', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 50%;

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-button: 0 2px 8px rgba(251, 194, 170, 0.3);
}

/* ============================================================
   THÈME NUIT ÉTOILÉ — palette violet / indigo + rose poudré
   ------------------------------------------------------------
   Remplace le bloc `:root[data-theme="nuit"]` existant à la fin
   de css/variables.css. Le bloc `:root` (thème jour) ne change pas.
   ============================================================ */

:root[data-theme="nuit"] {
  /* Accent principal : rose poudré (remplace le corail) */
  --color-coral: #E9A8C9;
  --color-coral-dark: #D98BB4;
  --color-coral-light: #F2C4DC;

  /* Accent secondaire : mauve profond (points inactifs, guillemets) */
  --color-peach: #7A62C4;

  /* Surfaces sourdes */
  --color-cream: #241A4D;
  --color-cream-dark: #1A1040;

  /* Or lunaire : étoiles, notes chaudes */
  --color-gold: #F5D9A0;
  --color-gold-light: #FFE9BE;

  /* Texte */
  --color-text-dark: #F4EEFF;
  --color-text-body: #C9BCEA;
  --color-text-light: #9A8CC4;
  --color-text-coral: #E9A8C9;

  /* Fonds */
  --color-white: #FFFFFF; /* reste le blanc pur : les surfaces sont revues dans theme-nuit.css */
  --color-bg: #0E0824;
  --color-bg-card: #241A4D;
  --color-border: rgba(233, 168, 201, 0.16);
  --color-star: #F5D9A0;

  --shadow-card: 0 8px 30px rgba(5, 2, 18, 0.55);
  --shadow-button: 0 4px 18px rgba(233, 168, 201, 0.26);

  /* Tokens propres au thème nuit, consommés par theme-nuit.css */
  --npr-sky-1: #150C33;
  --npr-sky-2: #211348;
  --npr-surface-2: #2C2059;
  --npr-on-accent: #2A1044; /* texte sur fond rose poudré — contraste AA */
  --npr-glow: rgba(139, 107, 216, 0.38);
  --npr-halo: 0 0 0 1px rgba(233, 168, 201, 0.22), 0 0 34px rgba(139, 107, 216, 0.38);
  --npr-img-filter: brightness(0.9) saturate(0.94) contrast(1.02);
}
