:root {
    /* =========================
     COLORES BASE · MODO OSCURO
     ========================= */
    --bg-main: #111111;
    --bg-elevated: #171717;
    --bg-soft: #1d1d1d;
    --bg-card: #202020;
    --bg-card-2: #252525;
    --text-main: #f5efe7;
    --text-soft: #cdbfae;
    --text-muted: #9d8f81;
    --accent: #c8a47b;
    --accent-hover: #d6b38a;
    --accent-deep: #a98357;
    --accent-soft: rgba(200, 164, 123, 0.12);
    --border-soft: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);
    --success: #8fbb91;
    --warning: #d9b56f;
    --danger: #cc7f7f;
    --info: #88a8c9;
    /* =========================
     SOMBRAS
     ========================= */
    --shadow-xs: 0 4px 10px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 8px 18px rgba(0, 0, 0, 0.16);
    --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.22);
    --shadow-lg: 0 18px 42px rgba(0, 0, 0, 0.28);
    /* =========================
     ESPACIADOS
     ========================= */
    --space-0: 0;
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem; /* 8px */
    --space-3: 0.75rem; /* 12px */
    --space-4: 1rem; /* 16px */
    --space-5: 1.25rem; /* 20px */
    --space-6: 1.5rem; /* 24px */
    --space-7: 2rem; /* 32px */
    --space-8: 2.5rem; /* 40px */
    --space-9: 3rem; /* 48px */
    --space-10: 4rem; /* 64px */
    --space-11: 5rem; /* 80px */
    --space-12: 6rem; /* 96px */
    /* =========================
     BORDES REDONDEADOS
     ========================= */
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    --radius-2xl: 36px;
    --radius-pill: 999px;
    /* =========================
     TIPOGRAFÍA
     ========================= */
    --font-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --text-xs: 0.75rem; /* 12px */
    --text-sm: 0.875rem; /* 14px */
    --text-base: 1rem; /* 16px */
    --text-md: 1.125rem; /* 18px */
    --text-lg: 1.25rem; /* 20px */
    --text-xl: 1.5rem; /* 24px */
    --text-2xl: 2rem; /* 32px */
    --text-3xl: 2.5rem; /* 40px */
    --text-4xl: 3.5rem; /* 56px */

    --line-tight: 1.1;
    --line-normal: 1.5;
    --line-relaxed: 1.7;
    /* =========================
     LAYOUT
     ========================= */
    --container-xs: 540px;
    --container-sm: 720px;
    --container-md: 920px;
    --container-lg: 1120px;
    --container-xl: 1240px;
    /* =========================
     TRANSICIONES
     ========================= */
    --transition-fast: 0.18s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.35s ease;
    /* =========================
     HEADER
     ========================= */
    --header-height: 78px;
    /* =========================
     CAPAS
     ========================= */
    --z-base: 1;
    --z-header: 20;
    --z-menu: 40;
    --z-modal: 100;
}