/* Pazhoohan Design System - Typography v1 */

@font-face {
  font-family: 'Vazirmatn';
  src: url('/assets/fonts/vazirmatn-arabic.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}


@font-face {
  font-family: 'Vazirmatn';
  src: url('/assets/fonts/vazirmatn-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-05FF,U+2000-206F;
}


@font-face {
  font-family: 'Estedad';
  src: url('/assets/fonts/estedad-arabic.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}


@font-face {
  font-family: 'Estedad';
  src: url('/assets/fonts/estedad-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-05FF,U+2000-206F;
}


:root {
  --font-body: 'Vazirmatn', Tahoma, sans-serif;
  --font-heading: 'Estedad', 'Vazirmatn', sans-serif;

  --brand-navy: #142b49;
  --brand-navy-dark: #0d2039;
  --brand-blue: #315f91;
  --brand-gold: #b99a65;

  --surface-white: #ffffff;
  --surface-soft: #f7f9fc;
  --text-primary: #192f49;
  --text-secondary: #667b92;
  --border-soft: #e4eaf1;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --ease-standard: cubic-bezier(.2,.8,.2,1);
}

html {
  -webkit-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

body {
  font-weight: 400;
  line-height: 1.9;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3,
.brandname,
.admin-title,
.form-heading strong,
.metric strong {
  font-family: var(--font-heading);
}

h1, h2, h3 {
  font-weight: 750;
}

button,
.btn,
nav a {
  font-weight: 650;
}

input, select, textarea {
  font-weight: 400;
}

:focus-visible {
  outline: 3px solid #7da9d4;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}