/* ============================================================
   Gamavisión — Global stylesheet entry point
   Link ONLY this file from every page:
     <link rel="stylesheet" href="css/styles.css">

   This file is an @import manifest only. It reaches:
     tokens/  → the design-system variables (colors, type, spacing, effects, fonts)
     base.css → the reset + base element styles that apply those tokens
   Design System source of truth:
     https://claude.ai/design/p/82fe0525-3e65-4f89-94d5-dc6ab3fa884e
   ============================================================ */

/* IMPORTANTE — cache de los @import
   El ?v=N del <link rel="stylesheet" href="css/styles.css?v=N"> NO se propaga
   a los archivos importados aqui: el navegador los cachea por su cuenta. Por eso
   cada @import local lleva su propio ?v=N. Al publicar cambios de CSS hay que
   subir el numero EN LOS DOS SITIOS: en los HTML y en estas lineas.
   ============================================================ */

/* 1) Fonts (must load first) */
@import url('tokens/fonts.css?v=44');

/* 2) Design tokens */
@import url('tokens/colors.css?v=44');
@import url('tokens/typography.css?v=44');
@import url('tokens/spacing.css?v=44');
@import url('tokens/effects.css?v=44');

/* 3) Base layer (applies the tokens) */
@import url('base.css?v=44');

/* 4) Components layer (reusable UI classes shared across pages) */
@import url('components.css?v=44');

/* 5) Cinematic layer (video hero + liquid glass, opt-in via body.home) */
@import url('cinematic.css?v=44');

/* 5b) Corporate layer (estructura tipo Sigeo, opt-in via body.corp) */
@import url('corporate.css?v=44');