:root {
    --bg-base: #070411;
    --bg-main-gradient: radial-gradient(circle at 50% 30%, #35255f 0%, #17102f 48%, #05030b 100%);

    --surface-glass: rgba(26, 17, 48, 0.72);
    --surface-card: rgba(25, 16, 46, 0.86);
    --surface-section: rgba(24, 15, 45, 0.42);
    --surface-hover: rgba(38, 24, 66, 0.72);

    --border-glass: rgba(124, 92, 176, 0.35);
    --hero-overlay-gradient: linear-gradient(to bottom, rgba(53, 37, 95, 0.46), rgba(8, 5, 18, 0.82));
}