/* 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;

  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-mono:'Space Mono',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}

@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)}}