/* tokens.css - Teramorphosis

/* Base: alias */
:root{
  /* Colores base */
  --nc-bg-light: var(--off-white);
  --nc-bg-dark:  var(--bg-dark-1);
  --nc-bg-dark-2:#070713;

  --nc-text-dark: var(--text-dark);
  --nc-text-light: var(--text-light);

  /* Acentos */
  --nc-accent-primary: var(--morado);
  --nc-accent-strong:  var(--morado-2);
  --nc-accent-pink:    var(--rosa);
  --nc-accent-blue:    var(--azul);
  --nc-accent-teal:    var(--turquesa);
  --nc-accent-green:   var(--verde);

  /* Tipos, radios y sombras */
  --nc-font-base: var(--font-body);
  --nc-font-display: var(--font-display);
  --nc-radius-xl: var(--radius-lg);
  --nc-radius-md: var(--radius-md);

  /* Superficies por defecto (fallback) */
  --nc-bg: var(--nc-bg-dark);
  --nc-text: var(--text-light);

  --nc-surface: color-mix(in srgb, var(--bg-dark-1) 85%, transparent);
  --nc-border: var(--border);

  --nc-shadow-neon: var(--shadow-neon);
  --nc-shadow-soft: 0 4px 24px rgba(0,0,0,.35);
}

/* ===== Tema claro (usa data-bs-theme) ===== */
html[data-bs-theme="light"]{
  --nc-bg: var(--nc-bg-light);
  --nc-text: var(--text-dark);

  --nc-surface: color-mix(in srgb, var(--off-white) 92%, transparent);
  --nc-border: rgba(10,10,26,.18);

  --nc-shadow-soft: 0 6px 18px rgba(0,0,0,.12);
}

/* ===== Tema oscuro (usa data-bs-theme) ===== */
html[data-bs-theme="dark"]{
  --nc-bg: var(--bg-dark-1);
  --nc-text: var(--text-light);

  --nc-surface: color-mix(in srgb, var(--bg-dark-1) 85%, transparent);
  --nc-border: var(--border);

  --nc-shadow-soft: 0 4px 24px rgba(0,0,0,.35);
}