/* Buildora design tokens — copied from Edama (dashboard.css :root).
   Loaded after dashboard.css so color and type stay one system. */

:root {
    --font-sans: "Bahij_TheSansArabic", Tahoma, Arial, sans-serif;

    --bg: #f4f6f8;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --surface-pink: #f1f5f9;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;

    --text: #1f2937;
    --text-2: #334155;
    --slate: #475569;
    --muted: #64748b;
    --muted-2: #94a3b8;
    --mauve: #8d7d91;
    --white: #fff;
    --on-dark-muted: rgba(226, 232, 240, .7);

    --primary: #2f8f8a;
    --primary-2: #3da6a3;
    --primary-3: #d3a10b;
    --primary-soft: #edf8f7;
    --success: #28a169;
    --success-soft: #e8f7ef;
    --warning: #ce8d22;
    --warning-soft: #fff3de;
    --danger: #d94f72;
    --danger-soft: #fdeaf0;
    --info: #2d78ba;
    --purple: #7654a8;
    --blue: #60758a;
    --blue-soft: #eef2f6;

    --gold: #d3a10b;
    --gold-deep: #b88b08;
    --gold-soft: #fbf5e3;
    --teal-deep: #2b7f7b;
    --teal-soft: #eef8f7;

    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .055);
    --shadow-md: 0 14px 36px rgba(15, 23, 42, .075);
    --shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);
    --radius-sm: 15px;
    --radius-md: 20px;
    --radius-lg: 24px;

    --fs-xs: 10px;
    --fs-sm: 11px;
    --fs-md: 12px;
    --fs-base: 13px;
    --fs-lg: 14px;
    --fs-xl: 16px;
    --fs-2xl: 18px;
    --fs-3xl: 20px;
    --fs-4xl: 24px;
    --fs-5xl: 28px;
    --fs-display: clamp(24px, 2.5vw, 32px);
    --fs-hero: clamp(32px, 4vw, 48px);

    font-family: var(--font-sans);
}

html,
body,
button,
input,
textarea,
select {
    font-family: var(--font-sans);
}