@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("/assets/fonts/noto-kufi-arabic-v26-arabic-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Kufi Arabic";
    src: url("/assets/fonts/noto-kufi-arabic-v26-arabic-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-navy: #061a3a;
    --color-navy-dark: #031126;
    --color-navy-soft: #102b55;

    --color-gold: #f4b400;
    --color-gold-dark: #d99a00;
    --color-gold-soft: #fff4cf;

    --color-white: #ffffff;
    --color-bg: #f4f7fb;
    --color-surface: #ffffff;

    --color-text: #0f172a;
    --color-muted: #64748b;
    --color-border: #dbe3ef;

    --color-success-bg: #ecfdf3;
    --color-success-border: #bbf7d0;
    --color-success-text: #15803d;

    --color-error-bg: #fff1f2;
    --color-error-border: #fecdd3;
    --color-error-text: #be123c;

    --shadow-page-card: 0 24px 70px rgba(6, 26, 58, 0.12);
    --shadow-button: 0 14px 28px rgba(6, 26, 58, 0.18);

    --radius-lg: 18px;
    --radius-md: 12px;
    --radius-pill: 999px;

    --font-main: "Noto Kufi Arabic", Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font-main);
    background: var(--color-bg);
    color: var(--color-text);
}

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

button {
    cursor: pointer;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}