:root {
    /* Main Colors - Based on Design */
    --bg-main: #06050b;           /* Very Dark Violet/Black Page Background */
    --bg-card: #0e0d19;           /* Dark Purple Section/Box Background */
    --accent-gold: #e5c158;        /* Luxury Gold Accent / CTA Buttons */
    --accent-violet: #8a3ffc;      /* Purple Glow Accent */
    --border-line: #221d38;       /* Subtle Border Color */
    --text-main: #ffffff;         /* Primary White Text */
    --text-sub: #9e9aa8;          /* Muted Sub-text Color */
}

/* Background Utility Classes */
.bg-main { background-color: var(--bg-main); }
.bg-card { background-color: var(--bg-card); }
.bg-main-color { color: var(--bg-main); }
/* Color Utility Classes */
.text-white { color: var(--text-main); }
.text-sub { color: var(--text-sub); }
.text-gold { color: var(--accent-gold); }
.text-violet { color: var(--accent-violet); }

/* Linear Gradients (Text aur Background ke liye) */
.gradient-text {
    background: linear-gradient(180deg, #fcebb6, #e5c158, #b38b2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 25px rgba(229, 193, 88, 0.3);
}

.gradient-box {
    background: linear-gradient(180deg, var(--bg-card), #080710);
    border: 1px solid var(--border-line);
}

/* Glow Border Effect (Gold) */
.glow-border {
    border: 1px solid var(--accent-gold);
    box-shadow: 0 0 12px rgba(229, 193, 88, 0.35);
}

/* Purple Glow Text Effect */
.text-glow-purple {
    color: #a855f7;
    text-shadow:
        0 0 5px rgba(168, 85, 247, 0.8),
        0 0 10px rgba(168, 85, 247, 0.6),
        0 0 20px rgba(168, 85, 247, 0.4),
        0 0 35px rgba(168, 85, 247, 0.2);
}

/* Gold Glow Text Effect */
.text-glow-gold {
    color: var(--accent-gold);
    text-shadow:
        0 0 5px rgba(229, 193, 88, 0.8),
        0 0 15px rgba(229, 193, 88, 0.5),
        0 0 30px rgba(229, 193, 88, 0.3);
}