/*
 * 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;
}