/* kurd.im design tokens — deep green + Kurdish gold. See CLAUDE.md §15. */
:root{
  /* deep green */
  --green:#143a30;        --green-deep:#0f2c24;    --green-deepest:#0b201a;
  /* cream / paper */
  --cream:#f6f1e4;        --paper:#fbf8ef;
  --client-bg:#f1ecdd;    --input-fill:#f2ecdb;
  /* gold / accent */
  --gold:#e3a63a;         --gold-deep:#c98a2a;
  /* text on light */
  --ink:#17342c;          --body:#54685f;   --body-dim:#3f544c;
  --muted:#8a9990;        --muted-dim:#7d8b83;
  /* text on dark green */
  --ink-on-dark:#f6f1e4;  --body-on-dark:#adc3b7;
  --muted-on-dark:#8fa89a; --muted-on-dark-dim:#6f877b;
  /* borders (light) */
  --border:#d8d0bd;       --border-soft:#e7dfcc;   --border-fill:#e0d8c4;
  /* error / danger */
  --danger-bg:#fbeae5;    --danger-border:#ecc4b9;
  --danger-text:#8f3a29;  --danger-text-dim:#7a4335;
  --danger-btn:#c04a35;   --danger-outline:#d99e8f; --danger-outline-dim:#a5442f;
  /* success */
  --success:#2f7a4f;

  /* Noto Sans Arabic is a per-glyph fallback for Sorani (ckb) - Latin text
     keeps the brand fonts, Kurdish letters (ڕ ڵ ۆ ێ ە) fall through to Noto. */
  --font-display:'Bricolage Grotesque','Noto Sans Arabic',system-ui,sans-serif;
  --font-body:'Hanken Grotesk','Noto Sans Arabic',system-ui,sans-serif;
  --font-mono:'Space Mono','Noto Sans Arabic',ui-monospace,monospace;

  --maxw-marketing:1200px;
  --maxw-auth:460px;
  --maxw-docs:840px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin:0}
a{color:inherit}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold) !important}
button:disabled{opacity:.65;cursor:default !important}

/* Arabic script is cursive - the tracked-out eyebrow labels and tight
   headings designed for Latin pull its letters apart, so RTL pages drop
   letter-spacing everywhere. */
html[dir="rtl"] *{letter-spacing:normal !important}

/* The logo lockup (mark + "KURDim") is branding, not text: it always reads
   mark-then-wordmark, whatever the page direction. The markup wraps both in
   <span class="logo" dir="ltr">, so the order holds even without this file;
   this only makes the wrapper lay out like the brand row around it (same
   gap). A tag after the lockup ("Client area") still follows the page's
   direction. The wordmark is Latin, so it keeps its tracking on RTL pages. */
.logo{display:inline-flex;align-items:center;gap:inherit;direction:ltr}
html[dir="rtl"] .brand .word{letter-spacing:-.02em !important}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

@keyframes kd-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}
@keyframes kd-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes kd-spin{to{transform:rotate(360deg)}}