:root {
    /* --- High-Velocity B2B Cyber Lime & Slate Palette --- */
    --primary: #00ff66; /* Vivid Cyber Lime / High-velocity green candle accent */
    --primary-dark: #00cc52; /* Darker green tracking for hover compression states */
    --primary-rgb: 0, 255, 102; /* RGB mapping for alpha channel translucent glass glows */
    --primary-vibrant: #00BFFF;
    --bg-main: #0a0c10; /* Ultra-dark obsidian dashboard foundation */
    --bg-alt: #12161f; /* Elevated slate trading panel card layer */

    --text-main: #cbd5e1; /* Highly readable cool off-white data text */
    --text-muted: #64748b; /* Subdued slate-gray for footnotes and metadata */
    --text-light: #ffffff; /* Pure white for primary technical titles */
    /* --- Premium Hero & Overlay System --- */
    --hero-text-color: #ffffff;
    --hero-overlay-strength: 0.85;
    --hero-overlay-box-strength: 0.65; /* Darkened to give floating headers sharp contrast */
    --hero-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);
    --color-text-on-image: #ffffff;
    /* --- High-Density Institutional Boundaries & Sharpness --- */
    --radius: 4px; /* Clean, sharp terminal layout corners */
    --radius-large: 4px;
    --border-light: rgba(0, 255, 102, 0.10); /* Subdued glowing cyber-lime framework line */
    --border-lighter: rgba(255, 255, 255, 0.04); /* Structural isolation line */
    --border-medium: rgba(0, 255, 102, 0.25); /* Active interactive element indicator */
    /* --- Tight High-Density Data Matrix Spacing --- */
    --space-tny: 0.15rem;
    --space-xs: 0.35rem;
    --space-sm: 0.75rem;
    --space-md: 1.15rem;
    --space-lg: 1.5rem;
    --space-xl: 2.25rem;
    /* --- Flat UI Screen Elevation Utilities --- */
    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-strong: 0 8px 24px rgba(0, 0, 0, 0.9);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.7);
    --shadow-badge: 0 0 8px rgba(0, 255, 102, 0.2); /* Cyber lime ambient micro-glow */
    /* --- Dark Mode Banding Variations --- */
    --band-1: #0a0c10;
    --band-2: #0e1117; /* Minimal contrast step for section transitions */
    --band-3: #0a0c10;
    --band-4: #0e1117;
    /* --- Component Scopes --- */
    --text-hero-strong: rgba(0, 0, 0, 0.95);
    --profile-role-color: var(--primary);
    /* --- High-Security Scoped Form Input Overrides --- */
    --form-banner-bg: #161b26;
    --form-banner-border: rgba(0, 255, 102, 0.2);
    --form-banner-divider: rgba(255, 255, 255, 0.1);
    --form-label-color: #94a3b8;
    --form-card-border: rgba(255, 255, 255, 0.05);
    --subtitle-muted: #64748b;
    --icon-circle-bg: rgba(0, 255, 102, 0.1); /* Low-fatigue translucent green backing */
    --textarea-min-height: 60px;
}

/* ==========================================================================
   GLOBAL FORM FIELD INVERSION (Fixes Bright White Legacy Comment Blocks)
   ========================================================================== */
input, textarea, select, .input, .textarea {
    background-color: #12161f !important; /* Forces dark slate fill over default white shapes */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border-radius: var(--radius) !important;
}

    input::placeholder, textarea::placeholder {
        color: #475569 !important; /* Balanced placeholder text visibility */
    }

    input:focus, textarea:focus, .input:focus, .textarea:focus {
        border-color: var(--primary) !important; /* Sharp green glowing focus loop */
        box-shadow: 0 0 0 1px var(--primary) !important;
    }

/* Force legacy turquoise/teal buttons to yield to Cyber Lime */
.button.is-primary, button[type="submit"], .button {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #0a0c10 !important; /* Deep black text overlay on bright lime for ultimate legibility */
}

    .button:hover, button[type="submit"]:hover {
        background-color: var(--primary-dark) !important;
        border-color: var(--primary-dark) !important;
    }