/* ============================================================
   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;
}

/* §  COLORS */

:root {
    --color-primary: #1e5399;
    --color-primary-rgb: 30, 83, 153;

    --color-primary-deep: #293b5f;
    --color-primary-deep-rgb: 41, 59, 95;

    --color-primary-mid: #747e97;
    --color-primary-mid-rgb: 116, 126, 151;

    --color-navy: #051640;
    --color-navy-rgb: 5, 22, 64;

    --color-sky: #747e97;
    --color-sky-rgb: 116, 126, 151;

    /* Two-tone brand gradient — used for active/selected states */
    --main-color1: #1e5399;
    --main-color2: #747e97;
    --main-color1-rgb: 30, 83, 153;
    --main-color2-rgb: 116, 126, 151;

    /* Neutral grey scale — secondary text, borders, muted UI chrome */
    --second-color1: #444;
    --second-color2: #777;
    --second-color3: #ddd;

    /* 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-heading: 'Poppins', 'Segoe UI', Tahoma, Arial, sans-serif;
    --font-body: 'Poppins', 'Segoe UI', Tahoma, Arial, sans-serif;
}
