:root {
    --av-bg: #FBFBFB;
    --av-surface: #FFFFFF;
    --av-text: #1C1C1C;
    --av-muted: #8A8A8A;
    --av-border: #F0F0F0;
    --av-border-strong: #E5E5E5;
    --av-black: #000000;
    --av-purple: #5B4FE9;
    --av-purple-soft: rgba(91, 79, 233, 0.1);
    --av-pink: #E64FE9;
    --av-pink-soft: rgba(230, 79, 233, 0.1);
    --av-card-gray: #E8E8E8;
    --av-promo-gradient: linear-gradient(227deg, #222222 20%, #5D5D5D 100%);
    --av-radius-sm: 8px;
    --av-radius-md: 12px;
    --av-radius-lg: 16px;
    --av-radius-pill: 32px;
    --av-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);
    --av-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.08);
    --av-font: 'Tajawal', 'Segoe UI', sans-serif;
    --av-header-h: 72px;
    --av-section-py: 80px;
    --av-container: 1140px;
}