:root {
    /* --- Colors --- */
    --saffron: #FF9933;
    --saffron-dark: #FF7711;
    --saffron-light: #FFF5EB;
    --saffron-muted: rgba(255, 153, 51, 0.1);

    --gold: #D4AF37;
    --gold-light: #F9F3E5;

    --bg-divine: #FDFCFB;
    --surface: #FFFFFF;

    --text-main: #1A1A1A;
    --text-muted: #8E8E93;

    --status-success: #10B981;
    --status-error: #F43F5E;
    --status-warning: #F59E0B;
    --status-info: #3B82F6;

    /* --- Typography --- */
    --font-main: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-spiritual: 'Red Rose', serif;

    /* --- Spacing & Radius --- */
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-3xl: 2.25rem;
    --radius-full: 9999px;

    /* --- Shadows --- */
    --shadow-divine: 0 10px 40px -10px rgba(255, 153, 51, 0.15);
    --shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, 0.05);
}

/* Base Utility Classes for non-Tailwind usage */
.bg-divine {
    background-color: var(--bg-divine);
}

.text-saffron {
    color: var(--saffron);
}

.spiritual-heading {
    font-family: var(--font-spiritual);
}

.om-circle {
    background: linear-gradient(135deg, var(--saffron) 0%, var(--saffron-dark) 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    color: white;
    font-weight: bold;
    box-shadow: 0 4px 20px rgba(255, 153, 51, 0.3);
}

.card-divine {
    background: var(--surface);
    border-radius: var(--radius-3xl);
    border: 1px solid var(--saffron-light);
    box-shadow: var(--shadow-divine);
}