:root{

    /* ===========================
       COLORES
    =========================== */

    --bg:#121212;
    --sidebar:#1b1b1b;
    --card:#1d1d1d;

    --border:#2b2b2b;

    --primary:#c9a86a;
    --primary-hover:#d7b676;

    /* ===========================
       WORKSPACE THEME TOKENS
    =========================== */

    --workspace-bg:var(--bg);
    --workspace-sidebar:var(--sidebar);
    --workspace-card:var(--card);
    --workspace-border:var(--border);
    --workspace-accent:var(--primary);
    --workspace-accent-hover:var(--primary-hover);
    --workspace-active-bg:rgba(201,168,106,.16);
    --workspace-active-border:rgba(201,168,106,.28);
    --workspace-secondary:#2f6f9f;
    --workspace-secondary-soft:rgba(47,111,159,.16);
    --workspace-atmosphere:
        radial-gradient(ellipse 72% 58% at 88% -8%, rgba(177,94,42,.30), transparent 64%),
        radial-gradient(ellipse 58% 48% at 6% 102%, rgba(105,48,22,.22), transparent 70%),
        radial-gradient(circle at 54% 42%, rgba(213,151,82,.065), transparent 34%),
        linear-gradient(138deg, #070707 0%, #100c0a 44%, #28150d 100%);
    --workspace-shell-atmosphere:
        radial-gradient(circle at 88% 4%, rgba(150,78,35,.14), transparent 38%),
        linear-gradient(155deg, rgba(24,18,14,.99) 0%, rgba(13,12,11,.995) 56%, rgba(34,19,12,.99) 100%);

    --text:#ffffff;
    --text-muted:#9a9a9a;
    --text-soft:#6f6f6f;

    --danger:#d9534f;
    --success:#28a745;
    --warning:#ffc107;

    /* ===========================
       MEDIDAS
    =========================== */

    --sidebar-width:260px;

    --topbar-height:75px;

    --radius:12px;

    --radius-lg:18px;

    /* ===========================
       ESPACIADOS
    =========================== */

    --space-xs:6px;
    --space-sm:10px;
    --space-md:18px;
    --space-lg:28px;
    --space-xl:40px;

    /* ===========================
       SOMBRAS
    =========================== */

    --shadow:0 8px 30px rgba(0,0,0,.25);

    /* ===========================
       ANIMACIONES
    =========================== */

    --transition:.25s ease;

}

body.workspace-production-events,
body:not([class*="workspace-"]) {
    --workspace-bg:var(--bg);
    --workspace-sidebar:var(--sidebar);
    --workspace-card:var(--card);
    --workspace-border:var(--border);
    --workspace-accent:var(--primary);
    --workspace-accent-hover:var(--primary-hover);
    --workspace-active-bg:rgba(201,168,106,.16);
    --workspace-active-border:rgba(201,168,106,.28);
    --workspace-secondary:#2f6f9f;
    --workspace-secondary-soft:rgba(47,111,159,.16);
    --workspace-atmosphere:
        radial-gradient(ellipse 72% 58% at 88% -8%, rgba(177,94,42,.30), transparent 64%),
        radial-gradient(ellipse 58% 48% at 6% 102%, rgba(105,48,22,.22), transparent 70%),
        radial-gradient(circle at 54% 42%, rgba(213,151,82,.065), transparent 34%),
        linear-gradient(138deg, #070707 0%, #100c0a 44%, #28150d 100%);
    --workspace-shell-atmosphere:
        radial-gradient(circle at 88% 4%, rgba(150,78,35,.14), transparent 38%),
        linear-gradient(155deg, rgba(24,18,14,.99) 0%, rgba(13,12,11,.995) 56%, rgba(34,19,12,.99) 100%);
}

body.workspace-venue-management {
    --workspace-bg:#050711;
    --workspace-sidebar:#090b16;
    --workspace-card:#172234;
    --workspace-border:#29364a;
    --workspace-accent:#c9a86a;
    --workspace-accent-hover:#d7b676;
    --workspace-active-bg:rgba(201,168,106,.17);
    --workspace-active-border:rgba(201,168,106,.32);
    --workspace-secondary:#6fa8dc;
    --workspace-secondary-soft:rgba(111,168,220,.15);
    --workspace-atmosphere:
        radial-gradient(ellipse 58% 44% at 7% -6%, rgba(54,105,175,.23), transparent 67%),
        radial-gradient(ellipse 68% 54% at 100% 102%, rgba(82,39,116,.27), transparent 72%),
        radial-gradient(circle at 58% 36%, rgba(116,78,148,.08), transparent 38%),
        radial-gradient(circle at 74% 14%, rgba(255,255,255,.050), transparent 24%),
        linear-gradient(138deg, #03050b 0%, #080a14 50%, #13091d 100%);
    --workspace-shell-atmosphere:
        radial-gradient(circle at 91% 7%, rgba(74,36,108,.18), transparent 42%),
        radial-gradient(circle at 34% -4%, rgba(88,125,174,.075), transparent 34%),
        linear-gradient(155deg, rgba(8,12,24,.995) 0%, rgba(7,8,15,.995) 58%, rgba(19,9,28,.99) 100%);
    /* Superficie azul noche aprobada para las fichas del WS Centro de Eventos. */
    --venue-glass-bg:
        linear-gradient(180deg, rgba(255,255,255,.044), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201,168,106,.070), transparent 40%),
        linear-gradient(145deg, rgba(20,29,48,.97), rgba(11,17,32,.99) 54%, rgba(7,10,22,.98));
    --venue-glass-bg-strong:linear-gradient(155deg, rgba(255,255,255,.105), rgba(255,255,255,.032) 48%, rgba(201,168,106,.035)), rgba(15,25,40,.78);
    --venue-glass-border:rgba(201,168,106,.22);
    --venue-glass-border-strong:rgba(201,168,106,.28);
    --venue-glass-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(201,168,106,.035),
        0 14px 28px rgba(0,0,0,.16),
        0 28px 62px rgba(0,0,0,.13);
    --venue-glass-shadow-strong:inset 0 1px 0 rgba(255,255,255,.10), 0 26px 68px rgba(2,8,18,.34);
    --venue-glass-highlight:linear-gradient(90deg, transparent, rgba(201,168,106,.16), rgba(255,255,255,.07), transparent);
    --venue-field-bg:rgba(20,32,50,.92);
    --venue-field-border:rgba(201,168,106,.18);
    --venue-status-soft:rgba(201,168,106,.13);
    --venue-success:#82d69a;
    --venue-warning:#d8b15f;
    --venue-danger:#f0a2a0;
    --venue-info:#8dbde6;
}

body.theme-light.workspace-venue-management {
    --workspace-bg:#eef3f7;
    --workspace-sidebar:#f7f4ec;
    --workspace-card:#ffffff;
    --workspace-border:#d8cdb9;
    --workspace-accent:#b58b43;
    --workspace-accent-hover:#c99f58;
    --workspace-active-bg:rgba(181,139,67,.14);
    --workspace-active-border:rgba(181,139,67,.30);
    --workspace-secondary:#315f86;
    --workspace-secondary-soft:rgba(49,95,134,.11);
    --venue-glass-bg:linear-gradient(150deg, rgba(255,255,255,.78), rgba(255,255,255,.52) 48%, rgba(49,95,134,.055)), rgba(248,250,252,.74);
    --venue-glass-bg-strong:linear-gradient(155deg, rgba(255,255,255,.88), rgba(255,255,255,.62) 48%, rgba(181,139,67,.055)), rgba(246,249,252,.82);
    --venue-glass-border:rgba(181,139,67,.22);
    --venue-glass-border-strong:rgba(181,139,67,.34);
    --venue-glass-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 16px 34px rgba(49,64,82,.12);
    --venue-glass-shadow-strong:inset 0 1px 0 rgba(255,255,255,.86), 0 24px 54px rgba(49,64,82,.16);
    --venue-glass-highlight:linear-gradient(90deg, transparent, rgba(181,139,67,.18), rgba(255,255,255,.72), transparent);
    --venue-field-bg:rgba(255,255,255,.76);
    --venue-field-border:rgba(181,139,67,.22);
    --venue-status-soft:rgba(181,139,67,.12);
    --venue-success:#257a43;
    --venue-warning:#9b7227;
    --venue-danger:#b8423e;
    --venue-info:#315f86;
}
