/*
 * Dana (دانا) — self-hosted webfont.
 *
 * This file sits in the SAME folder as the .woff files on purpose. A url() in a
 * stylesheet resolves against the stylesheet's own location, not against the
 * HTML page that linked it — so these paths are correct no matter which page
 * pulls this in (/, /panel/, /miniapp/, /pay/) and no matter whether the app is
 * installed at the domain root or in a sub-folder.
 *
 * Two real weights ship with the app: Regular (400) and Medium (500). The UI
 * asks for 600-900 in places (headings, bold labels); those are mapped onto
 * Medium so bold text still renders in Dana instead of falling back to a
 * system font mid-paragraph.
 */

@font-face {
  font-family: 'Dana';
  src: url('Dana-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dana';
  src: url('Dana-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600-900 -> Medium (no heavier cut is shipped) */
@font-face {
  font-family: 'Dana';
  src: url('Dana-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('Dana-Medium.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('Dana-Medium.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('Dana-Medium.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* The base family every page reads through var(--ui-font, ...). */
:root {
  --ui-font: Dana, system-ui, -apple-system, Tahoma, sans-serif;
}

/*
 * Arad Black — display weight for headings and numbers.
 *
 * The file has always shipped in this folder but was never declared, so every
 * page fell back to Dana Medium for headings. Dana has no cut above 500, which
 * is why headings and body text looked like the same weight.
 */
@font-face {
  font-family: 'Arad';
  src: url('Arad-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ui-display: Arad, Dana, system-ui, -apple-system, Tahoma, sans-serif;
}