:root {
    /* Base Colors from User */
    --bg-main: #0D0D0D;
    --bg-card: #1A1A1A;
    --accent: #FF7A00;
    --accent-hover: #FFA040;
    --text-main: #FFFFFF;
    --text-secondary: #B3B3B3;
    --border: #2A2A2A;

    /* Legacy Map for existing site elements (to not break the rest of the site) */
    --bg-dark: var(--bg-main);
    --bg-card-hover: #222222;
    --primary: var(--accent);
    --primary-dim: rgba(255, 122, 0, 0.1);
    --secondary: #FFB732;
    --accent-gradient: linear-gradient(135deg, var(--accent), var(--secondary));
    --text-muted: var(--text-secondary);

    /* Spacing */
    --container-width: 1200px;
    --header-height: 70px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

html.dark {
    color-scheme: dark;
}

html.light {
    color-scheme: light;
    /* Base Colors */
    --bg-dark: #f0f2f5;
    --bg-card: #ffffff;
    --bg-card-hover: #f8f9fa;

    /* Text */
    --text-main: #1a1a1a;
    --text-muted: #666666;

    /* Accents - Keep same or adjust for visibility */
    --primary: #00a8b3;
    /* Darker cyan for better contrast on white */
    --primary-dim: rgba(0, 168, 179, 0.1);
}