/* ══════════════════════════════════════════════════════════
   MONDE ROUGE — ACADÉMIQUE
   Variables + enrichissements globaux (importé par toutes
   les pages du portfolio académique).
   ══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Share+Tech+Mono&display=swap');

:root {
  /* ── Tokens couleur ── */
  --bg:         #070203;
  --bg2:        #0e0405;
  --surface:    #150506;
  --surface2:   #1b0708;
  --primary:    #841a1a;
  --accent:     #ff2040;
  --accent-d:   #c41030;
  --text:       #e6dcdc;
  --muted:      #9a7d7d;
  --dim:        #6b5050;
  --ok:         #28d17c;
  --border:     rgba(132,26,26,0.45);
  --border-hi:  rgba(255,32,64,0.55);
  --glow:       rgba(255,32,64,0.20);

  /* ── Alias rétrocompatibles (anciens fichiers .css) ── */
  --r-bg:       var(--bg);
  --r-surface:  var(--surface);
  --r-primary:  var(--primary);
  --r-accent:   var(--accent);
  --r-accent-d: var(--accent-d);
  --r-text:     var(--text);
  --r-muted:    var(--muted);
  --r-border:   var(--border);
  --r-glow:     var(--glow);

  /* ── Typographies ── */
  --mono: 'Share Tech Mono', monospace;
  --disp: 'Chakra Petch', sans-serif;
  --r-mono: var(--mono);
}

*  { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--mono);
  overflow-x: hidden;
  line-height: 1.5;
  background-image: radial-gradient(circle at 50% -10%, rgba(132,26,26,0.18), transparent 55%);
  background-attachment: fixed;
  cursor: crosshair;
}
a, button { cursor: pointer; }

/* Scanlines CRT */
body::after {
  content: '';
  position: fixed; inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0, transparent 2px,
    rgba(0,0,0,0.10) 2px, rgba(0,0,0,0.10) 3px
  );
  z-index: 9999;
  pointer-events: none;
}

::selection { background: rgba(200,30,60,0.45); color: #fff; }
a { color: inherit; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}