/* ============================================================
   VENITE ADOREMUS — Tokens du système de design
   « La lumière dans la nuit »
   Variables globales + polices. Inoffensif site-wide
   (ne déclare que des --variables et charge les polices).
   ============================================================ */

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

:root {
  /* ===== NUIT — la toile contemplative ===== */
  --nuit-950: oklch(0.21 0.045 256);
  --nuit-900: oklch(0.28 0.070 256);
  --nuit-800: oklch(0.36 0.090 256);
  --nuit-700: oklch(0.45 0.105 256);  /* bleu du ciel d'inspiration */
  --nuit-600: oklch(0.54 0.108 256);
  --nuit-500: oklch(0.64 0.098 256);
  --nuit-300: oklch(0.80 0.055 256);
  --nuit-100: oklch(0.92 0.024 256);

  /* ===== LUMIÈRE — le soleil / l'ostensoir / la bougie (marque) ===== */
  --or-800: oklch(0.58 0.150 52);    /* orange profond — pinceau */
  --or-700: oklch(0.68 0.168 55);    /* ORANGE DE MARQUE */
  --or-600: oklch(0.75 0.160 65);
  --or-500: oklch(0.82 0.150 80);    /* or / soleil */
  --or-400: oklch(0.87 0.120 86);
  --or-300: oklch(0.91 0.085 88);
  --or-100: oklch(0.96 0.038 90);    /* halo pâle */

  /* ===== SURFACES CLAIRES — l'info ===== */
  --blanc:   oklch(0.995 0.003 85);
  --creme:   oklch(0.975 0.013 85);  /* fond de page clair */
  --creme-2: oklch(0.952 0.017 82);  /* surface alternée */
  --brume:   oklch(0.955 0.012 240); /* neutre bleuté froid */

  /* ===== ENCRE & ÉTOILE — le texte ===== */
  --encre:      oklch(0.30 0.045 256); /* texte sur clair */
  --encre-soft: oklch(0.47 0.038 256); /* texte secondaire */
  --encre-faint:oklch(0.62 0.028 256); /* tertiaire / méta */
  --etoile:     oklch(0.98 0.006 250); /* texte sur nuit */
  --etoile-soft:oklch(0.83 0.030 256); /* secondaire sur nuit */
  --ligne:      oklch(0.88 0.010 256); /* filets / bordures clair */
  --ligne-nuit: oklch(1 0 0 / 0.14);   /* filets sur nuit */

  /* ===== COULEURS SÉMANTIQUES (catégories du festival) ===== */
  --cat-confession: oklch(0.55 0.105 256); /* bleu — sacrement */
  --cat-enfants:    oklch(0.58 0.150 305); /* violet doux */
  --cat-jeunes:     oklch(0.62 0.170 18);  /* rose-rouge */
  --cat-nuit:       oklch(0.66 0.130 168); /* vert d'eau profond */
  --cat-silence:    oklch(0.62 0.060 256); /* bleu ardoise */
  --cat-musique:    oklch(0.70 0.140 40);  /* terracotta */

  /* ===== ÉTAT ===== */
  --encours: var(--or-700);   /* « en cours » / live */
  --succes:  oklch(0.62 0.120 158);
  --alerte:  oklch(0.62 0.170 28);

  /* ===== TYPO ===== */
  --serif: 'Cormorant', 'Iowan Old Style', Georgia, serif;
  --sans:  'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* échelle modulaire (1.25) */
  --t-xs:  0.78rem;
  --t-sm:  0.875rem;
  --t-base:1rem;
  --t-md:  1.18rem;
  --t-lg:  1.5rem;
  --t-xl:  2rem;
  --t-2xl: 2.75rem;
  --t-3xl: 3.75rem;
  --t-4xl: 5.25rem;

  /* ===== ESPACEMENT (base 4px) ===== */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-8: 3rem;    --sp-10: 4rem;
  --sp-12: 6rem;   --sp-16: 8rem;

  /* ===== RAYONS ===== */
  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* ===== OMBRES ===== */
  --sh-sm: 0 1px 2px oklch(0.30 0.05 256 / 0.08), 0 1px 3px oklch(0.30 0.05 256 / 0.06);
  --sh-md: 0 4px 12px oklch(0.30 0.05 256 / 0.08), 0 2px 6px oklch(0.30 0.05 256 / 0.05);
  --sh-lg: 0 18px 44px oklch(0.30 0.05 256 / 0.14), 0 6px 16px oklch(0.30 0.05 256 / 0.08);
  --sh-glow: 0 0 40px oklch(0.82 0.15 80 / 0.35); /* halo doré sur nuit */
}