:root {
    --bg-color: #050505;
    --panel-bg: #0A0A0A;
    --divider-color: #141414;
    --text-color: #F5F5F5;
    --text-secondary: #707070;
    --text-muted: #8A8A8A;
    --accent-color: #D4AF37;
    --accent-soft: #E8D5A3;
    --purple-color: #5a2da6;
    --purple-active: #b057ff;
    --button-text: #ffffff;
    --secondary-bg: #0A0A0A;
    --hint-color: #707070;
    --button-color: #5a2da6;
    --success-color: #D4AF37;
    --danger-color: #ff0055;

    /* Shared control kit */
    --control-border: #1e1e1e;
    --control-border-hover: #2a2a2a;
    --control-bg: var(--panel-bg);
    --control-radius: 12px;
    --control-radius-sm: 10px;
    --control-min-height: 44px;
    --control-pad-y: 10px;
    --control-pad-x: 12px;
    --control-active-fill: rgba(212, 175, 55, 0.12);
    --dd-menu-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
    --dd-menu-offset: 6px;

    /* Sliders */
    --slider-track: 4px;
    --slider-thumb: 16px;
    --slider-halo: rgba(212, 175, 55, 0.2);

    /* Surfaces */
    --card-radius: 14px;
    --card-radius-lg: 16px;
    --card-border: var(--control-border);
    --card-bg: var(--panel-bg);
    --card-bg-deep: #080808;

    /* Scrollbars */
    --scrollbar-size: 7px;
    --scrollbar-size-compact: 4px;
    --scrollbar-track: #141414;
    --scrollbar-thumb: rgba(212, 175, 55, 0.55);
    --scrollbar-thumb-active: #c9a227;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;

    /* Type scale (UI chrome) */
    --font-micro: 12px;
    --font-meta: 13px;
    --font-control: 14px;
    --font-body: 15px;
    --font-body-lg: 16px;
    --font-title: 18px;
    --font-screen: 22px;

    /* Motion */
    --motion-fast: 0.15s;
    --motion-ui: 0.18s;
    --motion-panel: 0.28s;
    --ease-standard: ease;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

/* Global Monolith scrollbars (pages, modals, menus, lists) */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

*::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
}

*::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}

*::-webkit-scrollbar-thumb:active {
    background: var(--scrollbar-thumb-active);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

body {
    font-family: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: var(--font-body-lg);
    line-height: 1.65;
    background-color: var(--bg-color);
    color: var(--text-color);
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
}