:root {
    /* Brand */
    --aqar-navy: #0D2348;
    --aqar-navy-deep: #081830;
    --aqar-gold: #D8A329;
    --aqar-gold-muted: rgba(216, 163, 41, 0.18);
    --aqar-gold-hover: #E6B84A;
    --aqar-on-gold: #FFFFFF;

    /* Legacy blue — info states only */
    --aqar-blue: #0056D2;
    --aqar-blue-bright: #2563EB;

    /* Surfaces */
    --aqar-bg: #F8F9FC;
    --aqar-bg-subtle: #F8F9FC;
    --aqar-surface: #FFFFFF;
    --aqar-surface-alt: #F8F9FC;
    --aqar-border: #E8ECF3;

    /* Text */
    --aqar-text: #1A1A1A;
    --aqar-text-muted: #6E7787;
    --aqar-text-hint: #9CA3AF;

    /* Icons */
    --aqar-icon-disabled: #BFC7D5;

    /* Semantic */
    --aqar-success: #22C55E;
    --aqar-success-bg: #E8F5E9;
    --aqar-success-text: #22C55E;
    --aqar-warning: #F59E0B;
    --aqar-warning-bg: #FFF8E6;
    --aqar-warning-text: #F59E0B;
    --aqar-info-bg: #E3F2FD;
    --aqar-info-text: #0056D2;
    --aqar-danger: #DC2626;
    --aqar-danger-bg: #FFEBEE;
    --aqar-danger-text: #DC2626;

    /* Elevation */
    --aqar-shadow-sm: 0 1px 2px rgba(13, 35, 72, 0.04);
    --aqar-shadow-md: 0 8px 24px rgba(13, 35, 72, 0.08);
    --aqar-shadow-lg: 0 16px 40px rgba(13, 35, 72, 0.12);
    --aqar-shadow-hover: 0 12px 32px rgba(13, 35, 72, 0.12);

    /* Radius */
    --aqar-radius-sm: 8px;
    --aqar-radius-md: 12px;
    --aqar-radius-lg: 16px;
    --aqar-radius-full: 999px;

    /* Typography */
    --aqar-font: 'Cairo', 'IBM Plex Sans Arabic', system-ui, sans-serif;
    --aqar-font-heading: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;

    /* Focus ring */
    --aqar-focus-ring: 0 0 0 3px rgba(216, 163, 41, 0.25);
}