/* ═══════════════════════════════════════════════════════════════════════════
   ARMALL · tokens de diseño del panel administrativo
   Espejo de los tokens de la app Flutter (lib/core/theme) para que el panel y
   la app se vean como un mismo producto: modo oscuro permanente, vino profundo
   y acento champán.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* Superficies */
    --midnight: #0B0A0D;
    --ink: #121016;
    --ink-soft: #17141C;
    --surface: #1B1721;
    --surface-raised: #221C29;
    --line: rgba(240, 231, 220, 0.10);
    --line-strong: rgba(240, 231, 220, 0.20);

    /* Marca */
    --burgundy: #7A223B;
    --burgundy-deep: #5A172A;
    --burgundy-soft: rgba(122, 34, 59, 0.24);
    --champagne: #E7D3A8;
    --champagne-soft: rgba(231, 211, 168, 0.16);

    /* Texto */
    --text: #F4EEE7;
    --text-soft: #C9C1B8;
    --text-muted: #8E8680;

    /* Semántica */
    --ok: #7FB08A;
    --warn: #E0B36A;
    --danger: #E0716F;
    --info: #8FA9C8;

    /* Tipografía */
    --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "Cascadia Mono", Consolas, "Courier New", monospace;
    --fs-xs: 0.72rem;
    --fs-sm: 0.82rem;
    --fs-md: 0.94rem;
    --fs-lg: 1.15rem;
    --fs-xl: 1.6rem;
    --fs-2xl: 2.2rem;
    --tracking-wide: 0.08em;

    /* Espaciado y formas */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --radius: 14px;
    --radius-sm: 10px;
    --radius-pill: 999px;
    --shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
    --sidebar: 264px;
}

/* Modo claro: se activa si el sistema lo pide, manteniendo el aire de marca. */
@media (prefers-color-scheme: light) {
    :root {
        --midnight: #F7F3EE;
        --ink: #FFFFFF;
        --ink-soft: #FBF7F2;
        --surface: #FFFFFF;
        --surface-raised: #F6F1EA;
        --line: rgba(24, 18, 20, 0.10);
        --line-strong: rgba(24, 18, 20, 0.20);
        --text: #1C161A;
        --text-soft: #453B41;
        --text-muted: #6E626A;
        --champagne-soft: rgba(122, 34, 59, 0.08);
        --shadow: 0 14px 30px rgba(30, 20, 25, 0.12);
    }
}