/* Explain: Color tokens, typography, and spacing variables for the website theme. */
:root {
    --primary-color: #D4AF37;
    --primary-hover: #BE9A2C;
    --secondary-color: #121212;
    --accent-color: #E8C87D;
    --gold-color: #D4AF37;
    --gold-soft: #E8C87D;
    --navy-color: #000000;
    --navy-soft: #0B0B0B;
    --sand-color: #F6F3EC;
    --background-color: #000000;
    --surface-color: #F8FAFC;
    --text-color: #F1F5F9;
    --text-muted: #9CA3AF;
    --border-color: rgba(212, 175, 55, 0.18);
    --shadow-soft: 0 32px 90px rgba(0, 0, 0, 0.6);
    --shadow-card: 0 20px 55px rgba(0, 0, 0, 0.4);
    --font-heading: 'Tajawal', 'Cairo', sans-serif;
    --font-body: 'Cairo', 'Tajawal', sans-serif;
}