/* Explain: Theme tokens with a modern tech color palette. - */
:root {
    /* Telecom Palette (STC & Salam) */
    --primary-color: #4F2E90; /* STC Purple */
    --primary-hover: #3b226e;
    --secondary-color: #8CC63F; /* Salam Green */
    --accent-color: #25D366; /* WhatsApp Green */
    --accent-hover: #128C7E;
    --stc-color: #4F2E90;
    --salam-color: #8CC63F;
    
    --background-color: #F8FAFC; /* Slate 50 */
    --surface-color: #FFFFFF;
    
    --text-color: #0F172A; /* Slate 900 */
    --text-muted: #64748B; /* Slate 500 */
    --border-color: #E2E8F0; /* Slate 200 */
    
    --shadow-soft: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    --shadow-card: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}