/* ============================================================
   GOLEM TRADER — Global CSS variables (loaded before React bundle)
   ============================================================ */
:root {
    --emerald-400: #34D399;
    --emerald-500: #10B981;
    --emerald-600: #059669;
    --red-signal:   #EF4444;
    --green-signal: #10B981;
    --bg-base:     #0B0F0E;
    --bg-surface:  #111916;
    --bg-elevated: #1A2420;
    --border:      #1F2E29;
    --text-primary:   #F0FDF9;
    --text-secondary: #6B9E8D;
    --font-mono: 'Courier New', 'Roboto Mono', monospace;
    --font-ui:   system-ui, -apple-system, sans-serif;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --transition: 0.15s ease;
}

/* ============================================================
   GLOBAL UTILITY OVERRIDES
   ============================================================ */

body {
    background-color: var(--bg-base) !important;
    color: var(--text-primary) !important;
}

svg {
    pointer-events: none;
}

textarea {
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
}

.divScrollBeholder {
    overflow: auto;
    max-height: 400px;
}

/* Volt framework background overrides */
.fundoDeTela  { background-color: var(--bg-base)    !important; }
.fundoDeTela2 { background-color: var(--bg-surface) !important; }

/* Sidebar body offset */
body { padding-left: 0 !important; }