/* Tirhal / Design System — source and implementation notes: docs/BRAND.ar.md */
@font-face {
  font-family: "Inter";
  src: url("fonts/inter.0fec61588786.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Local fallback for characters outside the primary font's coverage. */
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("fonts/noto-sans-arabic.a7a4dabaf28e.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-ui: "Noto Naskh Arabic", "Inter", "Noto Sans Arabic", Tahoma, serif;
  /* Shared type roles: metadata, supporting copy, body, section, page, amount. */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --leading-body: 1.6;
  --leading-heading: 1.4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --control-height: 48px;
  --radius-control: 12px;
  --primary: #001a70;
  --primary-pressed: #00104a;
  --accent: #ff6c0e;
  --accent-pressed: #c94e00;
  --brand-red: #eb0045;
  --brand-yellow: #f5b335;
  --brand-grey: #e5e1e6;
  --brand-cyan: #00abc8;
  --ink: #17131d;
  --text-secondary: #3e3647;
  --muted: #655d6d;
  --placeholder: #8d8494;
  --text-disabled: #b8b1bd;
  --paper: #fff;
  --canvas: #fafafc;
  --soft: #f5f3f6;
  --blue: #f3f5ff;
  --red: #fff0f4;
  --line: #e5e1e6;
  --line-soft: #edebf7;
  --line-strong: #edecee;
  --info: #00abc8;
  --info-surface: #eefcff;
  --success: #12b76a;
  --success-surface: #ecfdf3;
  --warning: #f5b335;
  --warning-surface: #fff9ea;
  --radius: 16px;
  --shadow: 0 4px 16px rgb(0 26 112 / 4%);
}

.noto-naskh-arabic {
  font-family: var(--font-ui);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html[lang="en"] { --font-ui: "Inter", "Noto Naskh Arabic", "Noto Sans Arabic", sans-serif; }