/* Explain: Theme design tokens with dark background and orange accent. */
:root {
    --primary-color: #f97316;      /* Orange 500 - Vitality */
    --primary-hover: #ea580c;      /* Orange 600 */
    --secondary-color: #3b82f6;    /* Blue 500 */
    --background-color: #0f172a;   /* Navy Blue 900 - Trust */
    --surface-color: #1e293b;      /* Navy Blue 800 */
    --text-color: #f8fafc;         /* White Text */
    --text-muted: #94a3b8;         /* Slate 400 */
    --border-color: #334155;       /* Navy Border */
    
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}