@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --color-ink: #10192d;
  --color-ink-soft: #303e62;
  --color-surface: #f2f5fb;
  --color-surface-elevated: #ffffff;
  --color-line: #d6dff0;
  --color-muted: #61708e;
  --color-brand: #485fd0;
  --color-brand-strong: #3048ac;
  --color-brand-soft: #e8ecff;
  --color-accent: #9eafff;
  --color-accent-warm: #a88ddf;
  --color-danger: #b42318;
  --color-success: #1f7a4c;
  --color-whatsapp: #128c7e;
  --color-hero: #070e21;
  --color-panel: #101c3a;

  --font-fa: "Vazirmatn", sans-serif;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --space: 8px;
  --shell: 1180px;
  --header-h: 80px;

  --shadow-soft: 0 18px 50px rgba(7, 17, 31, 0.08);
  --shadow-lift: 0 28px 70px rgba(7, 17, 31, 0.14);
  --shadow-glow: 0 18px 40px rgba(11, 143, 148, 0.28);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}