/**
 * Afriyah Shared Design Tokens
 * Centralized variables for the entire pan-African ecosystem.
 */

:root {
    /* Brand Colors - Vibrant & Premium */
    --af-primary: #fe4322;         /* Afriyah Orange */
    --af-primary-rgb: 254, 67, 34;
    --af-secondary: #0a1027;       /* Deep Navy */
    --af-accent: #3b82f6;          /* Bright Blue */
    --af-success: #10b981;         /* Emerald Green */
    
    /* Semantic Colors - Light Theme (Default) */
    --af-bg: #fcfbff;
    --af-text: #334770;
    --af-text-muted: #64748b;
    --af-heading: #0a1027;
    --af-card-bg: #ffffff;
    --af-border: rgba(10, 16, 39, 0.08);
    
    /* Semantic Colors - Dark / Portal Theme */
    --af-dark-bg: #0a1027;
    --af-dark-card: #1e293b;
    --af-dark-text: #f8fafc;
    --af-dark-muted: #c5d3e3;
    --af-dark-heading: #ffffff;
    --af-dark-border: rgba(255, 255, 255, 0.08);

    /* Glassmorphism Tokens */
    --af-glass-bg: rgba(255, 255, 255, 0.7);
    --af-glass-border: rgba(255, 255, 255, 0.12);
    --af-glass-blur: 12px;
    
    --af-dark-glass-bg: rgba(15, 23, 42, 0.8);
    --af-dark-glass-border: rgba(255, 255, 255, 0.08);
    
    /* Typography */
    --af-font-main: "Jost", "Inter", sans-serif;
    --af-font-heading: "Jost", "Outfit", sans-serif;
    
    /* Shadows & Effects */
    --af-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --af-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --af-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --af-shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    
    /* Border Radius */
    --af-radius-sm: 8px;
    --af-radius-md: 12px;
    --af-radius-lg: 20px;
    --af-radius-xl: 32px;
    --af-radius-full: 9999px;
}

/* Backward compatibility mapping for theme's legacy variables */
:root {
    --wf-main-rgb: var(--af-primary-rgb);
    --wf-main-color: var(--af-primary);
    --wf-secondary-color: var(--af-secondary);
    --wf-text-color: var(--af-text);
    --wf-gray-color: var(--af-bg);
    --wf-title-family: var(--af-font-heading);
    --wf-base-family: var(--af-font-main);
    
    /* Rider Portal mapping */
    --r-primary: var(--af-success);
    --r-dark-bg: var(--af-dark-bg);
    --r-card-bg: var(--af-dark-card);
    --r-text: var(--af-dark-text);
    --r-muted: var(--af-dark-muted);
    --r-heading: var(--af-dark-heading);
    --r-accent: var(--af-accent);
}