/* Design tokens: colours taken from the Nawaem Seham logo (gold, black, warm white). */
:root,
:root[data-theme="light"] {
    color-scheme: light;
    --bg: #FBF8F3;
    --surface: #FFFFFF;
    --text: #1C1917;
    --text-2: #5C554C;
    --line: #E3D9C8;
    --gold: #C9A24B;          /* fills and buttons */
    --gold-text: #7F5D0C;     /* gold used as text or thin lines: darker for contrast */
    --on-gold: #1C1917;
    --selected: #F5E9C8;
    --shadow: 0 2px 10px rgba(28, 25, 23, .08);
    --st-pending: #4D6E8C;
    --st-ok: #26784F;
    --st-danger: #C0463D;
    --st-neutral: #6F675E;
    --ok-bg: #E8F4EC;
    --danger-bg: #FBEAE7;
    --info-bg: #EAF0F6;
    --on-danger: #FFFFFF;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #121110;
    --surface: #1C1A17;
    --text: #F3EEE6;
    --text-2: #BDB4A7;
    --line: #3A352E;
    --gold: #D9B65F;
    --gold-text: #D9B65F;
    --on-gold: #121110;
    --selected: #3A2F2B;
    --shadow: 0 2px 14px rgba(0, 0, 0, .45);
    --st-pending: #9DB8D0;
    --st-ok: #6FCF97;
    --st-danger: #E8746B;
    --st-neutral: #A39B8F;
    --ok-bg: #1C2E24;
    --danger-bg: #3A1F1C;
    --info-bg: #1F2A35;
    --on-danger: #121110;
}

:root {
    --font: "Tajawal", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, -apple-system, sans-serif;
    --fs-base: 1.0625rem;   /* 17px */
    --radius: 18px;
    --radius-sm: 14px;
    --tap: 48px;
    --space: 16px;
    --max-width: 1120px;    /* wide pages (staff area) */
    --narrow: 640px;        /* narrow pages (sign-in, home, forms) */
}
:root[lang="ar"] { --fs-base: 1.125rem; } /* Arabic is set a little larger: 18px */