@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "Vazirmatn", system-ui;
}
:root {
    --bg: #f5f5f5;
    --card: #ffffff;
    --text: #111;
    --primary: #4f46e5;
    --border: #ddd;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, sans-serif;
}

.card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 16px;
}
.card h3{
    font-size: 16px;
    font-weight: bold;
}
textarea {
    font-family: Consolas, monospace;
    resize: vertical;
}

.diff-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.diff-table tr.added { background: rgba(34,197,94,.15); }
.diff-table tr.removed { background: rgba(239,68,68,.15); }
.diff-table tr.changed { background: rgba(234,179,8,.15); }

textarea {
    font-family: Consolas, monospace;
    min-height: 200px;
}
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .tools-grid {
    direction: rtl;
}

html[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
}
html[dir="rtl"] body {
    font-family: "Vazirmatn", system-ui;
}
html[lang="fa"] body {
  font-family: "Vazirmatn", system-ui;
}

html[lang="en"] body {
  font-family: system-ui, -apple-system, Segoe UI;
}