:root {
    /* --- Colors --- */
    /* Backgrounds (Business Dark Mode - Clean & Professional) */
    --bg-app: #121212;
    /* Deep neutral gray, better contrast than pure black */
    --bg-surface: #1E1E1E;
    /* Standard Material Dark surface */
    --bg-surface-hover: #2D2D2D;
    --bg-input: #2C2C2C;

    /* Text */
    --text-primary: #FFFFFF;
    --text-secondary: #B3B3B3;
    /* Accessible gray */
    --text-muted: #808080;
    --text-inverse: #121212;

    /* Accents (Business Gold/Orange) */
    --accent-primary: #FFAA00;
    /* User Requested: Premium Gold/Orange */
    --accent-primary-hover: #FFB733;
    --accent-secondary: #FFFFFF;
    /* High contrast secondary */

    /* Functional Colors */
    --accent-info: #64B5F6;
    --accent-success: #81C784;
    --accent-warning: #FFB74D;
    --accent-danger: #E57373;

    /* Gradients (Subtle & Professional) */
    --gradient-primary: linear-gradient(135deg, #FFAA00 0%, #D48806 100%);
    --gradient-dark: linear-gradient(180deg, #1E1E1E 0%, #121212 100%);
    /* Removed aggressive glass gradient, replaced with subtle transparency */
    --bg-glass: rgba(30, 30, 30, 0.95);

    /* Borders */
    --border-light: #333333;
    --border-focus: var(--accent-primary);

    /* --- Typography --- */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --font-size-xs: 0.75rem;
    /* 12px */
    --font-size-sm: 0.875rem;
    /* 14px */
    --font-size-md: 1rem;
    /* 16px */
    --font-size-lg: 1.125rem;
    /* 18px */
    --font-size-xl: 1.5rem;
    /* 24px */
    --font-size-2xl: 2rem;
    /* 32px */

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    /* 600 is often cleaner than 700 for UI */

    /* --- Spacing --- */
    --space-2: 0.125rem;
    --space-4: 0.25rem;
    --space-8: 0.5rem;
    --space-12: 0.75rem;
    --space-16: 1rem;
    --space-24: 1.5rem;
    --space-32: 2rem;
    --space-48: 3rem;

    /* --- Effects --- */
    /* Crisper shadows for business feel */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);

    --radius-sm: 4px;
    --radius-md: 6px;
    /* Slightly tighter radius */
    --radius-lg: 12px;
    --radius-full: 9999px;

    --backdrop-blur: blur(8px);
    /* Reduced blur for performance and clarity */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}