/* ==========================================================================
   مَعين — Maeyn Brand Tokens
   Source: official brand guide "2_مَعين دليل الهوية بصرية.pdf" (20pp)
   Tagline: مياه نقية . حياة أفضل
   ========================================================================== */

:root {
    /* --- Primary --- */
    --maeyn-aqua: #00C6E4;          /* AQUA BLUE  — أزرق مائي  | PANTONE 3125 C */
    --maeyn-navy: #0D1B2A;          /* DEEP NAVY  — أزرق كحلي  | PANTONE 2965 C */

    /* --- Secondary --- */
    --maeyn-teal: #009DB0;          /* TEAL       — تركوازي    | PANTONE 3262 C */
    --maeyn-sky: #6FB7D9;           /* SKY BLUE   — أزرق سماوي | PANTONE 2905 C */
    --maeyn-gray: #E6E9ED;          /* COOL GRAY  — رمادي بارد | PANTONE Cool Gray 1 C */
    --maeyn-white: #FFFFFF;         /* SOFT WHITE — أبيض نقي */

    /* --- Digital UI --- */
    --maeyn-bg: #0D1B2A;
    --maeyn-surface: #12263A;
    --maeyn-primary: #00C6E4;
    --maeyn-success: #28C76F;
    --maeyn-warning: #FFC107;
    --maeyn-error: #FF4D4F;

    /* --- Gradients (per guide §03) --- */
    --maeyn-grad-primary: linear-gradient(135deg, #00C6E4 0%, #0D1B2A 100%);
    --maeyn-grad-teal: linear-gradient(135deg, #009DB0 0%, #0D1B2A 100%);
    --maeyn-grad-light: linear-gradient(135deg, #6FB7D9 0%, #FFFFFF 100%);
    --maeyn-grad-aqua-teal: linear-gradient(135deg, #00C6E4 0%, #009DB0 100%);

    /* --- Tints / derived surfaces --- */
    --maeyn-navy-800: #12263A;
    --maeyn-navy-700: #1B3450;
    --maeyn-navy-600: #244466;
    --maeyn-aqua-tint: rgba(0, 198, 228, 0.12);
    --maeyn-aqua-line: rgba(0, 198, 228, 0.28);

    /* --- Text --- */
    --maeyn-text: #0D1B2A;
    --maeyn-text-muted: #5A6B7D;
    --maeyn-text-on-dark: #FFFFFF;
    --maeyn-text-on-dark-muted: rgba(255, 255, 255, 0.72);

    /* --- Typography (guide §06) --- */
    --maeyn-font-ar: 'DIN Next Arabic', 'Cairo', 'Tajawal', system-ui, sans-serif;
    --maeyn-font-en: 'Poppins', system-ui, -apple-system, sans-serif;

    /* Type scale — size/line-height */
    --maeyn-h1: 3rem;      --maeyn-h1-lh: 3.5rem;    /* 48/56 */
    --maeyn-h2: 2rem;      --maeyn-h2-lh: 2.5rem;    /* 32/40 */
    --maeyn-h3: 1.5rem;    --maeyn-h3-lh: 2rem;      /* 24/32 */
    --maeyn-h4: 1.125rem;  --maeyn-h4-lh: 1.75rem;   /* 18/28 */
    --maeyn-body: 1rem;    --maeyn-body-lh: 1.5rem;  /* 16/24 */
    --maeyn-small: 0.875rem; --maeyn-small-lh: 1.25rem; /* 14/20 */

    /* --- Elevation / shape --- */
    --maeyn-radius: 14px;
    --maeyn-radius-lg: 22px;
    --maeyn-shadow-sm: 0 2px 8px rgba(13, 27, 42, 0.08);
    --maeyn-shadow: 0 8px 28px rgba(13, 27, 42, 0.12);
    --maeyn-shadow-lg: 0 18px 48px rgba(13, 27, 42, 0.20);
    --maeyn-shadow-aqua: 0 8px 28px rgba(0, 198, 228, 0.28);
}

/* Weights permitted by the guide: DIN Next Arabic Light/Regular/Medium/Bold/Black,
   Poppins Light/Regular/Medium/SemiBold/Bold. Cairo is the licensed web fallback. */