:root {
    /* Brand Constants */
    --brand-teal: #178FA3;
    --brand-cyan: #2FB7CC;
    --brand-graphite: #0E1620;
    --brand-slate: #111A24;
    --brand-light-gray: #D7DEE5;
    --brand-steel-gray: #8A94A3;

    /* Base Defaults (Dark Mode by default as per brand preference) */
    --bg-primary: var(--brand-graphite);
    --bg-secondary: var(--brand-slate);
    --text-primary: var(--brand-light-gray);
    --text-secondary: var(--brand-steel-gray);
    --accent-primary: var(--brand-teal);
    --accent-highlight: var(--brand-cyan);
    --border-color: #2D3748;
    --card-bg: var(--brand-slate);
    
    /* Functional Colors */
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
}

[data-theme="light"] {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F7FAFC; /* Light gray for backgrounds */
    --text-primary: var(--brand-graphite); /* Dark text for contrast */
    --text-secondary: #4A5568;
    --accent-primary: var(--brand-teal);
    --accent-highlight: var(--brand-cyan);
    --border-color: #E2E8F0;
    --card-bg: #FFFFFF;
    
    /* Inverted functional colors if needed, or keep standard */
}