@import 'tailwindcss';

@font-face {
  font-family: 'IRANYekanX';
  src: url('/fonts/IRANYekanXVFaNumVF.woff2') format('woff2-variations');
  font-weight: 100 1000;
  font-display: swap;
}

:root {
  color-scheme: light;
  --background: #f5f5f6;
  --surface: #ffffff;
  --foreground: #19191a;
  --muted: #71717a;
  --border: #e4e4e7;
  --input: #d4d4d8;
  --brand: #0a33ff;
  --brand-hover: #0828cc;
  --on-brand: #ffffff;
  --accent: #eef1ff;
  --success: #248061;
  --danger: #c93637;
}

@theme inline {
  --font-sans: 'IRANYekanX', Tahoma, sans-serif;
  --color-background: var(--background);
  --color-surface: var(--surface);
  --color-foreground: var(--foreground);
  --color-muted: var(--muted);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-brand: var(--brand);
  --color-brand-hover: var(--brand-hover);
  --color-on-brand: var(--on-brand);
  --color-accent: var(--accent);
  --color-success: var(--success);
  --color-danger: var(--danger);
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  min-height: 100%;
  direction: rtl;
  background: var(--background);
  font-family: 'IRANYekanX', Tahoma, sans-serif;
}

body {
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: inherit;
  line-height: 1.8;
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

:focus-visible {
  outline: 1px solid var(--brand);
  outline-offset: 2px;
}

input:focus-visible {
  outline: none;
}

::selection {
  background: #ffd400;
  color: #19191a;
}

.card {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}