/* ===========================================================================
   MAGUS — capa de marca sobre Nocturne
   ---------------------------------------------------------------------------
   Cargar SIEMPRE después de css/nocturne.css y antes de css/magus-app.css.

   Este archivo contiene SOLO tokens: colores, tipografías y elevación. Ninguna
   regla de componente — esas viven en magus-app.css. Para ajustar la identidad
   se edita únicamente acá.

   Paleta del manual de identidad corporativa: carbón #2C2E35 como familia de
   superficies y rojo #FF2E17 como único acento. Las rampas 100–900 se
   derivaron de esos dos valores manteniendo la escala de luminosidad de
   Nocturne, así que un mismo paso de cualquier rampa pesa lo mismo.
   =========================================================================== */

:root {
  --color-bg: #1c1e24;
  --color-surface: #2c2e35;
  --color-text: #eceef1;
  --color-accent: #ff2e17;
  --color-accent-2: #ff2e17;
  --color-divider: color-mix(in srgb, #eceef1 16%, transparent);

  --color-neutral-100: #f4f5f7;
  --color-neutral-200: #e5e7ea;
  --color-neutral-300: #d0d3d8;
  --color-neutral-400: #b1b5bd;
  --color-neutral-500: #91969f;
  --color-neutral-600: #737880;
  --color-neutral-700: #575b64;
  --color-neutral-800: #3d4048;
  --color-neutral-900: #272a31;

  --color-accent-100: #fff1ee;
  --color-accent-200: #ffd6cf;
  --color-accent-300: #ffab9c;
  --color-accent-400: #ff7259;
  --color-accent-500: #ff2e17;
  --color-accent-600: #d62310;
  --color-accent-700: #a01a0c;
  --color-accent-800: #6b1208;
  --color-accent-900: #401410;

  /* Paleta mono: el segundo acento resuelve al mismo rojo, como en Nocturne. */
  --color-accent-2-100: #fff1ee;
  --color-accent-2-200: #ffd6cf;
  --color-accent-2-300: #ffab9c;
  --color-accent-2-400: #ff7259;
  --color-accent-2-500: #ff2e17;
  --color-accent-2-600: #d62310;
  --color-accent-2-700: #a01a0c;
  --color-accent-2-800: #6b1208;
  --color-accent-2-900: #401410;

  /*
    Jost aproxima ITC Avant Garde Gothic (geométrica, mismo carácter en las
    mayúsculas). Chakra Petch bold italic aproxima Serpentine Bold Oblique del
    logotipo. Ninguna de las dos es la original con licencia: si el estudio
    provee las reales, se cambian acá y nada más.
  */
  --font-heading: "Jost", system-ui, sans-serif;
  --font-body: "Jost", system-ui, sans-serif;
  --font-logo: "Chakra Petch", system-ui, sans-serif;

  /* Sobre fondo oscuro la elevación es un borde más oscuridad ambiente. */
  --shadow-sm: 0 0 0 1px #3d4048;
  --shadow-md: 0 0 0 1px #575b64, 0 6px 18px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 0 0 1px #91969f, 0 16px 40px rgba(0, 0, 0, 0.65);
}