/*
Theme Name: L'Instant Plaisir — Love Room BDSM Luxe
Author: L'Instant Plaisir
Version: 4.0
Description: Palette calquée sur le logo : fond bordeaux-nuit, or laiton, rose nacré.
*/

/* =========================================
   IMPORT POLICES
========================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;600;700&family=Raleway:wght@200;300;400;500&display=swap');

:root {
  /* ── FONDS ── Extraits du logo : bordeaux-prune profond */
  --color-bg:      #120818;   /* Noir-prune absolu */
  --color-bg2:     #1a0c22;   /* Anthracite-pourpre */
  --color-card:    #1f1028;   /* Fond des cartes */
  --color-velours: #2a0f35;   /* Velours pourpre */

  /* ── COULEURS PRIMAIRES ── Rose-magenta du logo (mains & cœur) */
  --color-primary:   #8b1560;   /* Bordeaux-rose vif — lèvres, hover actif */
  --color-secondary: #5c0a3e;   /* Bordeaux sombre — fond boutons secondaires */
  --color-accent:    #d4607a;   /* Rose nacré — reflets logo */

  /* ── OR ── Corde dorée du cœur et texte logo */
  --color-gold:       #c8a04a;   /* Or laiton — fidèle au logo */
  --color-gold-light: #e8c878;   /* Or pâle — hover, éclats */
  --color-gold-dim:   #7a5e28;   /* Or sombre — bordures subtiles */

  /* ── TEXTE ── */
  --text:       #f2e8f0;    /* Blanc nacré légèrement rosé */
  --text-soft:  #9a8898;    /* Gris-mauve doux */
  --text-muted: #5a4858;    /* Gris sombre pour éléments discrets */

  /* ── TYPOGRAPHIE ── */
  --font-display: 'Cormorant Garamond', serif;   /* Titres : élégance sensuelle */
  --font-serif:   'Cinzel', serif;               /* Labels, nav, capslock */
  --font-body:    'Raleway', sans-serif;         /* Corps de texte */

  /* ── FORMES ── */
  --radius:      4px;
  --radius-soft: 10px;

  /* ── OMBRES ── */
  --shadow-primary: 0 8px 35px rgba(139, 21, 96, 0.45);
  --shadow-gold:    0 8px 30px rgba(200, 160, 74, 0.2);
  --shadow-dark:    0 15px 40px rgba(18, 8, 24, 0.85);

  /* ── TRANSITION ── */
  --transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* =========================================
   RESET
========================================= */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a { text-decoration: none; }

/* =========================================
   BODY
========================================= */
body {
  font-family: var(--font-body);
  font-weight: 300;
  background:
    radial-gradient(ellipse at 20% 25%, rgba(139, 21, 96, 0.18) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 75%, rgba(92, 10, 62, 0.15) 0%, transparent 50%),
    var(--color-bg);
  background-color: var(--color-bg);
  color: var(--text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* =========================================
   SCROLLBAR LUXE
========================================= */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, var(--color-gold-dim), var(--color-primary));
  border-radius: 2px;
}