/* Rawaq colour — Option B "The Threshold". Five brand colours, one accent. */
:root{
/* Brand base */
--basalt:#16191D;      /* بازلتي · Primary · 45% */
--paper:#FAF7F2;       /* ورقي · Ground · 35% */
--saffron:#D99A2B;     /* زعفراني · Accent · 8% — never body text */
--slate:#5B6573;       /* أردوازي · Secondary text · 7% */
--mist:#E7E3DB;        /* ضبابي · Lines and panels · 5% */
/* Supporting tints observed in brand applications */
--white:#FFFFFF;       /* card faces on Paper */
--sand:#F1ECE6;        /* page backdrop behind Paper sheets, stacked-logo panel */
--hairline:#E8E5E0;    /* header rule */
--colonnade-grey:#919292; /* arch strokes in the colonnade pattern on Basalt */
--basalt-2:#22262B;    /* raised surface on Basalt (hover) */
--saffron-hover:#C88A1F;
--saffron-press:#B57B17;

/* Semantic — text */
--fg-1:var(--basalt);
--fg-2:var(--slate);
--fg-on-dark:var(--paper);
--fg-on-dark-2:#B9BEC6;
--fg-on-accent:var(--basalt);
--text-body:var(--fg-1);
--text-muted:var(--fg-2);
--text-eyebrow:var(--slate);
/* Semantic — surfaces */
--surface-page:var(--paper);
--surface-backdrop:var(--sand);
--surface-card:var(--white);
--surface-panel:var(--mist);
--surface-inverse:var(--basalt);
--surface-accent:var(--saffron);
/* Semantic — lines & marks */
--border-1:var(--mist);
--border-2:var(--hairline);
--border-strong:var(--basalt);
--accent:var(--saffron);
--threshold:var(--saffron); /* the line under the arch; turns Paper on Saffron */
--focus-ring:var(--saffron);
/* Status (tracker) — derived in-palette; brand defines no status colours */
--status-done:var(--basalt);
--status-current:var(--saffron);
--status-upcoming:var(--mist);
--status-alert:#B4442E;
}