/* Explain: Theme design tokens with dark background and orange accent. - */
:root {
    --primary-color: #ea580c;      /* Orange 600 - Bold Accent */
    --primary-hover: #c2410c;      /* Orange 700 */
    --secondary-color: #1e293b;    /* Slate 800 */
    --background-color: #020617;   /* Slate 950 - Deep Dark Background */
    --surface-color: #0f172a;      /* Slate 900 - Cards/Sections */
    --text-color: #f8fafc;         /* Slate 50 - Bright Text */
    --text-muted: #94a3b8;         /* Slate 400 - Muted Text */
    --border-color: #334155;       /* Slate 700 */
    
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}