/* ============================================================
   SHARED THEME — fonts + brand colors. Loaded by every layout.
   ============================================================ */

/* §  FONTS */

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Cairo covers Arabic — Poppins has no Arabic glyphs so it falls back automatically */
@font-face {
    font-family: 'Cairo';
    src: url('/fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}


/* §  COLORS */

:root {
    --color-primary: #0a68ff;
    --color-primary-rgb: 10, 104, 255;

    --color-navy: #0d1b2a;
    --color-navy-rgb: 13, 27, 42;

    --color-sky: #388df8;
    --color-sky-rgb: 56, 141, 248;

    --color-surface: #f2f4f7;
    --color-surface-rgb: 242, 244, 247;

    /* Status colors, not brand decoration */
    --color-danger: #dc3545;
    --color-danger-rgb: 220, 53, 69;
    --color-success: #198754;
    --color-warning: #ffc107;

    /* WhatsApp's own brand green */
    --color-whatsapp: #25d366;
    --color-whatsapp-rgb: 37, 211, 102;

    --font-ar: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
    --font-heading: 'Poppins', var(--font-ar);
    --font-body: 'Poppins', var(--font-ar);
}