/* ══ JOSUÉ — VARIABLES DE DESIGN ══════════════════════════════════
   Palette : Bleu-nuit sacré · Or liturgique · Parchemin lumineux
   Typographie : Cormorant Garamond (display) + Inter (corps)
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Couleurs core ─────────────────────────────────────────── */
  --navy:         #0B1F4B;   /* Bleu nuit – fond sidebar        */
  --navy-deep:    #07152F;   /* Fond le plus sombre             */
  --navy-mid:     #132659;   /* Hover sidebar                   */
  --navy-glow:    rgba(11,31,75,.06); /* Ombre douce             */

  --gold:         #C9971C;   /* Or liturgique principal         */
  --gold-bright:  #E5AE24;   /* Hover or                        */
  --gold-muted:   #A67D14;   /* Or foncé                        */
  --gold-pale:    #FAF3E0;   /* Fond verset / accent doux       */
  --gold-line:    rgba(201,151,28,.20); /* Séparateurs sidebar  */

  --parchment:    #F7F4EF;   /* Background global               */
  --white:        #FFFFFF;
  --card:         #FFFFFF;

  /* ── Textes ────────────────────────────────────────────────── */
  --text:         #12203A;
  --text-soft:    #3D4D6A;
  --text-muted:   #7A889E;
  --text-light:   #B0BCCD;

  /* ── Bordures ──────────────────────────────────────────────── */
  --border:       #E8E4DC;
  --border-soft:  #F0EDE7;

  /* ── États ─────────────────────────────────────────────────── */
  --success:      #1A7D4A;
  --success-bg:   #EAF6EF;
  --warning:      #B45309;
  --warning-bg:   #FEF3C7;
  --danger:       #B42B2B;
  --danger-bg:    #FBEAEA;
  --info:         #1D5FAA;
  --info-bg:      #EBF3FD;

  /* ── Layout ────────────────────────────────────────────────── */
  --sidebar-w:    256px;
  --topbar-h:     64px;
  --radius-sm:    8px;
  --radius:       14px;
  --radius-lg:    20px;
  --radius-xl:    28px;

  /* ── Ombres ────────────────────────────────────────────────── */
  --shadow-xs:    0 1px 4px rgba(11,31,75,.06);
  --shadow-sm:    0 2px 10px rgba(11,31,75,.08);
  --shadow:       0 4px 20px rgba(11,31,75,.10);
  --shadow-lg:    0 8px 40px rgba(11,31,75,.14);
  --shadow-gold:  0 4px 20px rgba(201,151,28,.25);

  /* ── Typographie ───────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Transitions ───────────────────────────────────────────── */
  --ease:         cubic-bezier(.22,.68,0,1.2);
  --ease-smooth:  cubic-bezier(.4,0,.2,1);
  --dur:          180ms;
}

/* ── Reset léger ──────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-body);
  background: var(--parchment);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Scrollbar ────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-light); }

/* ── Sélection ────────────────────────────────────────────────── */
::selection { background: rgba(201,151,28,.2); color: var(--navy-deep); }