/*
 * Aqar Plus brand tokens — official identity (2026-08).
 * Palette: navy #0F273B · gold #C7952B · cream #F1E6DD · white/black.
 * Fonts: Cairo (all UI, ar+en) · Changa (logo + large display headings only).
 * Fonts are self-hosted — see fonts.css (@font-face). Do not add Google Fonts CDN.
 */
:root {
    /* Brand */
    --aqar-navy: #0F273B;
    --aqar-navy-deep: #0A1B2A;
    --aqar-gold: #C7952B;
    --aqar-gold-muted: rgba(199, 149, 43, 0.18);
    --aqar-gold-hover: #D9AC48;
    --aqar-on-gold: #FFFFFF;

    /* Cream — warm accent surfaces (on-navy text, cards, sections) */
    --aqar-cream: #F1E6DD;
    --aqar-cream-border: #E7DDD1;
    --aqar-cream-icon-circle: #E7D9CC;

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

    /* Surfaces */
    --aqar-bg: #FAF9F6;
    --aqar-bg-subtle: #FAF9F6;
    --aqar-surface: #FFFFFF;
    --aqar-surface-alt: #FAF9F6;
    --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 — tinted from brand navy (15,39,59) */
    --aqar-shadow-sm: 0 1px 2px rgba(15, 39, 59, 0.04);
    --aqar-shadow-md: 0 8px 24px rgba(15, 39, 59, 0.08);
    --aqar-shadow-lg: 0 16px 40px rgba(15, 39, 59, 0.12);
    --aqar-shadow-hover: 0 12px 32px rgba(15, 39, 59, 0.12);

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

    /* Typography */
    --aqar-font: 'Cairo', system-ui, sans-serif;
    --aqar-font-heading: 'Cairo', system-ui, sans-serif;
    --aqar-font-display: 'Changa', 'Cairo', system-ui, sans-serif;

    /* Focus ring */
    --aqar-focus-ring: 0 0 0 3px rgba(199, 149, 43, 0.25);
}