@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

/* MAYDAN LINK — Global Design Tokens */

:root {
    --ml-primary: #152D32;
    --ml-primary-hover: #21434A;
    --ml-accent: #168C87;
    --ml-accent-hover: #11736F;
    --ml-accent-light: #E7F5F3;

    --ml-bg: #F4F7F7;
    --ml-surface: #FFFFFF;
    --ml-surface-muted: #F8FAFA;

    --ml-text: #24343A;
    --ml-muted: #66777D;
    --ml-border: #DDE5E7;

    --ml-success: #24836A;
    --ml-warning: #D79C45;
    --ml-danger: #C84A44;

    --ml-radius-sm: 6px;
    --ml-radius-md: 9px;
    --ml-radius-lg: 12px;

    --ml-space-1: 4px;
    --ml-space-2: 8px;
    --ml-space-3: 12px;
    --ml-space-4: 16px;
    --ml-space-5: 20px;
    --ml-space-6: 24px;

    --ml-font: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;

    --ml-shadow: 0 2px 10px rgba(21,45,50,.045);
}


/* MAYDAN GLOBAL BRAND — TYPOGRAPHY V1 */



html {
    font-family: var(--ml-font);
}

body {
    font-family: var(--ml-font);
}

button,
input,
select,
textarea {
    font-family: inherit;
}