/* ════════════════════════════════════════════════════════════════════
   brutalist-tokens.css — Tokens compartidos del estilo v8 brutalist.
   ────────────────────────────────────────────────────────────────────
   FUENTE ÚNICA DE VERDAD para colores y tipografía del look brutalist.

   Importan este archivo:
     · /dashboard/curso-interactivo/css/curso.css   (el reader real)
     · /index.php                                   (la preview pública del homepage)
     · cualquier otro lugar que muestre el estilo brutalist v8

   Cambia un color aquí → se actualiza en TODOS los lugares.
   ──────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    /* Paleta brutalist — colores saturados, planos, sin gradientes */
    --bf-acid:    #c5fb05;   /* Lime acid → success / code / CTA primario */
    --bf-magenta: #ff2e93;   /* Hot pink → strong / acento "parte 1" */
    --bf-cyan:    #00f0ff;   /* Electric cyan → primary / link / chip principal */
    --bf-orange:  #ff6b1a;   /* Burn orange → tag de tiempo / duración */
    --bf-yellow:  #ffe600;   /* Sulfur yellow → h2 / lock CTA */
    --bf-violet:  #b794f4;   /* Electric violet → em italic */
    --bf-coral:   #ff5e62;   /* Coral → "parte 2" */
    --bf-mint:    #2dd4bf;   /* Mint → "parte 3" */
    --bf-bone:    #ededed;   /* Off-white → body */

    --bf-bg:      #08080c;
    --bf-bg-2:    #0f0f17;
    --bf-line:    #1f1f2e;

    --bf-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
    --bf-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
}