/* =============================================================================
   Bustan → Blush — tokens.css   (pass10 §2 re-skin · pass11 self-hosted fonts)
   The ONLY place colours, the type scale, spacing AND the fonts are defined.
   ========================================================================== */

/* self-hosted faces (pass11) — Aref Ruqaa + Tajawal removed. font-display:swap so a
   guest on 4G sees text immediately, never a blank page. Loaded here (not style.css)
   so the dashboard page gets them too. */
/* font-style: normal declared explicitly on all three — Safari slants variable fonts
   whose style is left implicit (the Cairo file also has its slnt axis instanced out). */
@font-face {
  font-family: 'UrdTypeB';
  src: url('../assets/fonts/urdtypeb.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../assets/fonts/cairo.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;   /* variable wght; slnt pinned to 0 */
}
@font-face {
  font-family: 'Aref Ruqaa';
  src: url('../assets/fonts/arefruqaa-bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;   /* the & in the names */
}
@font-face {
  font-family: 'A Thuluth';
  src: url('../assets/fonts/athuluth.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;   /* couple names — LOCAL TEST */
}

:root {
  /* palette — sampled from the image (pass10 §2) */
  --blush:        #F7EAE1;  /* page background */
  --blush-deep:   #F0E0D5;  /* bands, card fills, shadow */
  --ivory:        #FBF4EE;  /* rose petals, pearl highlight, input fills */
  --rose-line:    #C9A092;  /* frame lines, hairlines, borders */
  --rose:         #AD7665;  /* flourishes, ornament mid-tone */
  --mauve:        #9E5A62;  /* THE accent — dusty rose flowers (used sparingly) */
  --mauve-deep:   #7A424A;  /* deepest value, pressed states */
  --sage-grey:    #A9A38D;  /* leaves, tertiary detail */
  --ink:          #5C4038;  /* primary text — deep cocoa-rose */
  --ink-soft:     #8A6E63;  /* secondary text, labels */

  --hairline:     color-mix(in srgb, var(--rose-line) 55%, transparent);

  /* fonts (pass11/13) — three self-hosted faces. Names reverted to Aref Ruqaa
     (pass13 §3); Diwani Letter removed entirely (legacy non-Unicode file). */
  --font-bismillah: 'UrdTypeB', 'Noto Naskh Arabic', serif;
  --font-names:     'A Thuluth', 'Aref Ruqaa', 'Noto Naskh Arabic', serif;   /* Thuluth trial */
  --font-body:      'Cairo', 'Segoe UI', system-ui, sans-serif;

  /* mobile-only layout: desktop = the phone layout centred, capped (§4b) */
  --content-width: min(92vw, 30rem);

  /* type scale — unchanged (pass10 §7). Every upper bound is a PHONE maximum. */
  --fs-names:   clamp(2.75rem, 13vw, 4.5rem);
  --fs-heading: clamp(1.5rem, 6vw, 2rem);
  --fs-body:    clamp(1rem, 3.6vw, 1.0625rem);
  --fs-input:   1rem;      /* 16px — never smaller (iOS auto-zoom) */
  --fs-eyebrow: .8rem;

  --lh-body: 1.9;          /* Arabic needs more line-height than Latin */
  --lh-head: 1.4;

  --space:  clamp(1.25rem, 5vw, 2rem);
  --gutter: 16px;          /* frame inline inset (§4b) */
}