/* =============================================================
   RADICAL OS 3.0 // DESIGN TOKENS
   =============================================================
   Fuente única de verdad para colores, sombras, tipografía y
   espaciados. Todo el resto del CSS debe consumir variables
   desde aquí. NO redefinir literales en archivos de apps.

   Cómo añadir un token: agrupar bajo una sección existente o
   crear una nueva con encabezado. Documentar el uso si no es
   obvio.
   ============================================================= */

:root {
    /* --- COLORES BASE --------------------------------------- */
    --bg-beige: #EAEAE4;            /* fondo principal lo-fi */
    --text-dark: #000;
    --text-light: #fff;

    /* --- COLORES DE MARCA ----------------------------------- */
    --radical-yellow: #CCFF00;      /* highlight principal */
    --radical-yellow-hover: #d4ff33;
    --link-blue: #001aff;           /* azul puro de ventanas */
    --radical-red: #FF0000;
    --crt-green: #0aff0a;           /* verde fósforo terminal */
    --crt-phosphor: rgba(10, 255, 10, 0.8);

    /* --- TIPOGRAFÍA ----------------------------------------- */
    --font-mono: 'Share Tech Mono', monospace;

    /* --- EFECTOS CRT / SCANLINES ---------------------------- */
    --scanline-color: rgba(0, 0, 0, 0.5);
    --scanline-size: 3px;
    --scanline-overlay: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.1) 0,
        rgba(0, 0, 0, 0.1) 1px,
        transparent 1px,
        transparent 3px
    );

    /* --- SOMBRAS BRUTALISTAS -------------------------------- */
    --shadow-sm: 4px 4px 0 rgba(0, 0, 0, 0.2);
    --shadow-md: 8px 8px 0 rgba(0, 0, 0, 0.3);
    --shadow-hard: 4px 4px 0 var(--text-dark);

    /* --- BORDES --------------------------------------------- */
    --border-thin: 2px solid var(--text-dark);
    --border-thick: 3px solid var(--text-dark);

    /* --- Z-INDEX (capas del SO) ----------------------------- */
    --z-desktop: 10;
    --z-icons: 20;
    --z-window: 1000;
    --z-window-active: 1001;
    --z-taskbar: 5000;
    --z-startmenu: 6000;
    --z-laia: 9000;
    --z-toast: 99999;

    /* --- DURACIÓN ANIMACIONES ------------------------------- */
    --t-fast: 0.1s;
    --t-base: 0.2s;
    --t-slow: 0.4s;

    /* === ALIAS LEGACY (compatibilidad con código v2) ====== */
    --radical-bg: var(--bg-beige);
    --win-blue: var(--link-blue);
    --win-red: var(--radical-red);
}