/* NetPardaz V2 design tokens — front-end only. */
@font-face {
  font-family: "KalamehNP";
  src: url("../fonts/KalamehWeb-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-065F, U+066A-06EF, U+06FA-10FFFF;
}

@font-face {
  font-family: "KalamehNP";
  src: url("../fonts/KalamehWeb-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-065F, U+066A-06EF, U+06FA-10FFFF;
}

@font-face {
  font-family: "KalamehNP";
  src: url("../fonts/KalamehWeb-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-065F, U+066A-06EF, U+06FA-10FFFF;
}

/* Keep Latin, Arabic-Indic and Persian digits in a neutral numeric face while
   every non-numeric glyph continues to use the Kalameh design-system family. */
@font-face {
  font-family: "KalamehNP";
  src: local("Arial"), local("Tahoma"), local("Liberation Sans");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9;
}

:root {
  --np-primary: #007063;
  --np-primary-strong: #005d53;
  --np-primary-soft: #dff4ef;
  --np-accent: #cfae80;
  --np-accent-soft: #fff1d7;
  --np-ink: #101827;
  --np-muted: #667085;
  --np-line: #dce6e4;
  --np-surface: #fff;
  --np-surface-2: #f4f8f7;
  --np-surface-3: #eaf2f0;
  --np-danger: #c9364f;
  --np-success: #168566;
  --np-warning: #b86f09;
  --np-info: #2563b8;
  --np-dark: #007063;
  --np-font: "KalamehNP", Tahoma, Arial, sans-serif;
  --np-font-latin: Inter, Arial, sans-serif;
  --np-radius-xs: 6px;
  --np-radius-sm: 8px;
  --np-radius: 12px;
  --np-radius-lg: 18px;
  --np-shadow-sm: 0 8px 24px rgb(12 43 46 / 8%);
  --np-shadow: 0 18px 54px rgb(12 43 46 / 10%);
  --np-shadow-menu: 0 34px 90px rgb(7 35 30 / 20%);
  --np-ease: cubic-bezier(.2, .8, .2, 1);
  --np-duration: 220ms;
  --np-container: 1200px;
  --np-grid-columns: 12;
  --np-grid-gap: 24px;
  --np-page-gutter: 32px;
  --np-section-space: clamp(48px, 7vw, 88px);

  /* Backward-compatible aliases used by the design-system markup. */
  --primary: var(--np-primary);
  --primary-strong: var(--np-primary-strong);
  --primary-soft: var(--np-primary-soft);
  --accent: var(--np-accent);
  --accent-soft: var(--np-accent-soft);
  --ink: var(--np-ink);
  --muted: var(--np-muted);
  --line: var(--np-line);
  --surface: var(--np-surface);
  --surface-2: var(--np-surface-2);
  --surface-3: var(--np-surface-3);
  --danger: var(--np-danger);
  --success: var(--np-success);
  --warning: var(--np-warning);
  --info: var(--np-info);
  --dark: var(--np-dark);
  --radius: var(--np-radius);
  --radius-sm: var(--np-radius-sm);
  --shadow: var(--np-shadow);
  --shadow-sm: var(--np-shadow-sm);
  --container: var(--np-container);
  --ease: var(--np-ease);
}

html {
  color-scheme: light;
  scroll-behavior: smooth;
}

body:not(.wp-admin) {
  color: var(--np-ink);
  background: var(--np-surface-2);
  font-family: var(--np-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
}

body:not(.wp-admin) :where(button, input, select, textarea) {
  font: inherit;
}

body:not(.wp-admin) :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

body:not(.wp-admin) :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--np-primary) 42%, transparent);
  outline-offset: 3px;
}

body:not(.wp-admin) ::selection {
  color: #fff;
  background: var(--np-primary);
}

@media (max-width: 1024px) {
  :root {
    --np-grid-columns: 8;
    --np-grid-gap: 20px;
    --np-page-gutter: 24px;
  }
}

@media (max-width: 640px) {
  :root {
    --np-grid-columns: 4;
    --np-grid-gap: 16px;
    --np-page-gutter: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body:not(.wp-admin) *,
  body:not(.wp-admin) *::before,
  body:not(.wp-admin) *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}