/* ==========================================================================
   The brand, once.

   These are the values behind omnia-karim.com — its colours, its two type
   stacks, its shapes. They live at :root so both surfaces read the same set:
   booker.css dresses the public booking page at the website's own reading
   size, console.css dresses the control panel at working density. Same
   spirit, different job.

   Nothing here selects an element. Only tokens and the two helpers that are
   needed identically on both sides, so importing this file changes nothing on
   its own — including the screens still on coordinate.css, whose variables
   (--primary, --ink, --line) share no names with these.
   ========================================================================== */

:root {
    /* — brand ground — */
    --ok-cream: #f7f3ec;
    --ok-surface: #efe9de;
    --ok-ink: #201f1d;

    /* — the logos' own two colours — */
    --ok-forest: #2e4636;
    --ok-forest-deep: #223529;
    --ok-gold: #b68235;
    /* Text-safe gold: the logo gold is a line colour and falls under 4.5:1 at
       body size on cream, so type and links use this darker step. */
    --ok-gold-ink: #8a6224;
    /* And the step the other way, for type on the deep green. */
    --ok-gold-lift: #d3a869;
    --ok-sage: #6f7d63;

    /* The one colour the website has no use for: it never asks anyone to
       destroy anything. The control panel does. */
    --ok-danger: #9c4221;
    --ok-danger-ink: #7c3a1d;

    --ok-divider: color-mix(in srgb, var(--ok-ink) 14%, transparent);
    --ok-divider-strong: color-mix(in srgb, var(--ok-ink) 26%, transparent);
    --ok-muted: color-mix(in srgb, var(--ok-ink) 68%, transparent);
    --ok-faint: color-mix(in srgb, var(--ok-ink) 48%, transparent);

    /* Latin face first, Arabic face second. Font fallback is per-glyph, so a
       bilingual line resolves each script to its own face on its own. */
    --ok-display: "Cormorant Garamond", "Amiri", "Times New Roman", serif;
    --ok-body: "Lora", "Noto Naskh Arabic", Georgia, serif;

    --ok-radius: 4px;
    --ok-radius-lg: 10px;
}

/* A range of European numbers inside an RTL line is laid out backwards: the
   bidi algorithm resolves the separator between them to RTL and reverses the
   run, so "17:00 – 22:00" reads as "22:00 – 17:00". Isolating the range and
   forcing LTR inside fixes it without touching the Arabic around it. */
.bk-range,
.ap-range {
    unicode-bidi: isolate;
    direction: ltr;
}

/* Cormorant Garamond defaults to oldstyle figures, which set "01" as something
   very close to "OI". Anything in the display face that is read as a number —
   a date, a count, a step index — asks for lining forms. */
.ok-lining {
    font-variant-numeric: lining-nums tabular-nums;
}