/* ==========================================================================
   Konda Core — Typography tokens
   Persian-first, RTL. Exclusive typeface: Pelak.

   Three cuts are shipped by the brand:
   - "Pelak"        — the full family (Persian + Latin glyph coverage). Used
                       as the default UI font everywhere.
   - "PelakFA"       — a Farsi-optimized cut (alternate Persian metrics/shapes).
                       Available as `--font-fa` for callers who want it
                       explicitly; not used by default.
   - "PelakNoEng"    — Persian-only cut with no Latin coverage (the original
                       asset delivered for this system). Kept for backward
                       compatibility as `--font-noeng`.
   ========================================================================== */

/* ---- Pelak (default — full Persian + Latin coverage) ---- */
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Pelak';
  src: url('../assets/fonts/Pelak-Black.otf') format('opentype');
  font-weight: 900;
  font-display: swap;
}

/* ---- PelakFA (Farsi-optimized alternate cut) ---- */
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../assets/fonts/PelakFA-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}

/* ---- PelakNoEng (Persian-only, no Latin coverage — legacy asset) ---- */
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-Thin.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-Medium.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-SemiBold.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-Bold.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-ExtraBold.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'PelakNoEng';
  src: url('../assets/fonts/PelakNoEng-Black.woff2') format('woff2'),
       url('../assets/fonts/PelakNoEng-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}
/* konda-quote-fix:start — see scripts/fix_quote_glyphs.py */
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 100; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 300; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 400; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 500; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 600; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 700; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 800; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'Pelak'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 900; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 100; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 300; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 400; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 500; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 600; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 800; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakFA'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 900; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 100; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 300; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 400; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 500; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 600; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 700; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 800; unicode-range: U+00AB, U+00BB; }
@font-face { font-family: 'PelakNoEng'; src: local('Tahoma'), local('Arial'), local('Helvetica'), local('Roboto'), local('Noto Sans'), local('DejaVu Sans'); font-weight: 900; unicode-range: U+00AB, U+00BB; }
/* konda-quote-fix:end */

/* ---- JetBrains Mono (code viewer, kbd, timestamps) ---- */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-display: 'Pelak', system-ui, sans-serif;
  --font-body: 'Pelak', system-ui, sans-serif;
  --font-fa: 'PelakFA', system-ui, sans-serif;      /* alternate Farsi-optimized cut */
  --font-noeng: 'PelakNoEng', system-ui, sans-serif; /* legacy Persian-only cut */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* Type scale — taken from site/docs/design-system.html + workspace.html */
  --text-h1-size: 3rem;       /* 48px, font-black (900) — hero headlines */
  --text-h1-weight: 900;
  --text-h2-size: 1.875rem;   /* 30px, font-bold (700) — section titles */
  --text-h2-weight: 700;
  --text-h3-size: 1.25rem;    /* 20px, font-black (900) — card/panel titles */
  --text-h3-weight: 900;
  --text-body-size: 0.875rem; /* 14px, font-medium (500) — paragraphs */
  --text-body-weight: 500;
  --text-label-size: 0.75rem; /* 12px, font-bold (700) — buttons, tags, kbd */
  --text-label-weight: 700;
  --text-caption-size: 0.6875rem; /* 11px — metadata, timestamps */
  --text-caption-weight: 600;
  --text-micro-size: 0.625rem; /* 10px — eyebrow labels, uppercase tags */
  --text-micro-weight: 700;

  --leading-tight: 1.15;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  --tracking-wide: 0.05em;
  --tracking-widest: 0.15em;
}

body {
  direction: rtl;
}