/**
 * 🌌 CORE ENGINE V21.0 (PHYSICS & TOKENS)
 * Leyes fundamentales del universo Mango OS.
 */

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

:root {
    /* --- TOKENS NUCLEARES (THE VOID) --- */
    --tm-bg-void: #050505;
    --tm-bg-surface: #0f1218;
    --tm-border-dim: rgba(255, 255, 255, 0.08);
    
    /* --- TOKENS DE IDENTIDAD (SOBERANÍA) --- */
    --tm-brand-primary: #CAFF00; /* Neon Lime Default */
    --tm-brand-secondary: #E81A5D; /* Neon Magenta Default */
    
    /* --- TOKENS DE TEXTO --- */
    --tm-text-primary: #FFFFFF;
    --tm-text-body: #E2E8F0;
    --tm-text-muted: #94A3B8;
    
    /* --- TOKENS TIPOGRÁFICOS --- */
    --font-hero: 'Archivo Black', system-ui, sans-serif;
    --font-body: 'Montserrat', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* --- TOKENS ESTRUCTURALES --- */
    --radius-master: 24px;
    --radius-action: 12px;
}

/* RESET INDUSTRIAL */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
    background-color: var(--tm-bg-void);
    color: var(--tm-text-body);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden; /* El scroll lo maneja el interior de los Pods */
}

/* UTILIDADES BASE (DISPONIBLES GLOBALMENTE) */
.font-hero { font-family: var(--font-hero); text-transform: uppercase; letter-spacing: -0.02em; }
.font-mono { font-family: var(--font-mono); letter-spacing: -0.05em; }
.text-primary { color: var(--tm-brand-primary); }
.text-white { color: var(--tm-text-primary); }
.text-muted { color: var(--tm-text-muted); }
.bg-void { background-color: var(--tm-bg-void); }

/* SISTEMA DE CAPAS Z-STACK */
#tm-deck-root {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1500px;
    transform-style: preserve-3d;
}