:root {
--color-brand-primary: #da9a28;
--color-brand-accent: color-mix(in srgb, #da9a28 90%, black);
--color-text-on-brand: #111;

    --color-background-start: hsl(220, 15%, 12%);
    --color-background-end: hsl(220, 15%, 8%);
    --color-surface-start: rgba(55, 62, 80, 0.7);
    --color-surface-end: rgba(45, 52, 70, 0.8);
    --color-surface-solid: hsl(220, 15%, 20%);
    --color-border: rgba(255, 255, 255, 0.15);
    --color-text-heading: hsl(0, 0%, 95%);
    --color-text-body: hsl(0, 0%, 80%);
    --color-text-light: hsl(0, 0%, 65%);
    --color-error: #e74c3c;
    --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.2);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.3);
}

/* Light Theme Specific Overrides */