/* Tema de T³ — generado desde marca.json (D-140). No editar: cambia marca.json. */
:root {
    --bg-base: #0a0a0f;
    --bg-sec: #111118;
    --bg-card: #16161f;
    --border: #252535;
    --text: #eaeaef;
    --text-sec: #9090a8;
    --text-muted: #606078;
    --ok: #00e88f;
    --violeta: #6c5ce7;
    --cian: #38bdf8;
    --cian-hover: #60caf9;
    --cian-text: #0a0f14;
    --cian-glow: rgba(56, 189, 248, 0.15);
    --cian-glow-suave: rgba(56, 189, 248, 0.07);
    --border-hover: rgba(56, 189, 248, 0.35);
    --login-glow: radial-gradient(ellipse 140% 55% at 50% 0%, rgba(56, 189, 248, 0.1) 0%, var(--bg-base) 70%);
    --acento: var(--cian);
    --acento-hover: var(--cian-hover);
    --acento-texto: var(--cian-text);
    --gradiente: linear-gradient(135deg, var(--cian), var(--violeta));
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-titulos: 'Inter', var(--font-main);
}
:root[data-theme="light"] {
    --bg-base: #ffffff;
    --bg-sec: #eef1f6;
    --bg-card: #ffffff;
    --border: #e2e4ea;
    --text: #1a1a2e;
    --text-sec: #5a5a7a;
    --text-muted: #8888a0;
    --ok: #00b36b;
    --violeta: #6c5ce7;
    --cian: #0284c7;
    --cian-hover: #026a9f;
    --cian-text: #ffffff;
    --cian-glow: rgba(2, 132, 199, 0.1);
    --cian-glow-suave: rgba(2, 132, 199, 0.05);
    --border-hover: rgba(2, 132, 199, 0.4);
    --login-glow: radial-gradient(ellipse 140% 55% at 50% 0%, rgba(2, 132, 199, 0.06) 0%, var(--bg-base) 70%);
    --acento: var(--cian);
    --acento-hover: var(--cian-hover);
    --acento-texto: var(--cian-text);
    --gradiente: linear-gradient(135deg, var(--cian), var(--violeta));
}
