/* =========================================================
   TEMA: TECH / CORPORATIVO — Variante ÁMBAR
   Paleta oscura, acentos ámbar neón + coral.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    /* Superficies */
    --bg-base: #171310;
    --surface: #241D17;
    --surface-rgb: 36, 29, 23;
    --bg-soft: #1D1712;

    /* Marca */
    --primary: #FBBF24;
    --primary-rgb: 251, 191, 36;
    --primary-light: #FCD34D;
    --accent: #FB7185;
    --accent-rgb: 251, 113, 133;
    --on-primary: #1F1300;
    --on-accent: #1F1300;

    /* Texto */
    --text-dark: #F5F1EA;
    --text-light: #A89A87;

    /* Tipografía */
    --font-headings: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Forma */
    --radius: 8px;
    --transition: all 0.3s ease;
    --easing: cubic-bezier(0.4, 0, 0.2, 1);

    /* Bordes / sombras (RGB base para rgba(var(--border-rgb), alpha)) */
    --border-rgb: 255, 255, 255;

    /* Semánticos de estado */
    --color-success: #4ADE80;
    --color-success-bg: #052e1a;
    --color-warning: #FBBF24;
    --color-warning-bg: #3f2d05;
    --color-danger: #F87171;
    --color-danger-bg: #450a0a;
    --color-danger-solid: #DC2626;
    --color-danger-rgb: 220, 38, 38;

    /* Footer (siempre oscuro por diseño en los 4 temas) */
    --footer-bg: #0D0906;
}