/* ============================================================
   tokens.css — Zehir Roleplay design tokens
   Source of truth for palette, typography, and layout.

   Aligned with the canonical brand pack (docs/brand_tokens.json,
   docs/brand_board.md) and extended with the design surfaces
   needed by the case-file landing layout.

   Three palette namespaces coexist; do not merge them in a
   single composition. Brand + support = how Zehir presents
   itself. Environmental = in-world art only.
   ============================================================ */

:root {

  /* ---------- Brand palette ----------
     Per docs/brand_tokens.json. Toz Siyahı + Kemik Beji
     carry ~80% of any composition. Poison + blood combined
     never exceed ~8%. */

  --black:    #11100D; /* Toz Siyahı — primary dark, never #000 */
  --black-2:  #16140F; /* warm-deeper black — section surfaces */
  --black-3:  #1E1B14; /* card / image-slot surfaces */
  --poison:   #BBCC00; /* Zehir Sarısı — accent only, ≤3% */
  --blood:    #8B0404; /* Kuru Kan — dried blood, ~5% */


  /* ---------- Support palette ----------
     Case-file paper surfaces. */

  --bone:      #D2B88F; /* Kemik Beji — body text on dark, ~25% */
  --paper:     #E7D8B8; /* Soluk Kâğıt — lighter card surface */
  --asphalt:   #30302B; /* Asfalt Gri — chrome, dividers, ~3% */
  --asphalt-2: #3A3A32; /* slightly raised asphalt — grid lines */


  /* ---------- Environmental palette ----------
     IN-WORLD ART ONLY. Never mix with brand chrome.
     Held here for future world-art / in-game references. */

  --env-sand:     #D7B98C; /* Çöl Kumu */
  --env-ox:       #7A1F1F; /* Öküz Kanı */
  --env-gunmetal: #1F1F1F; /* Top Demiri */
  --env-gold:     #C9A24A; /* Altın */
  --env-agave:    #5A6F45; /* Agav Yeşili */
  --env-amber:    #B8732B; /* Tekila Kehribarı */


  /* ---------- Typography ----------
     Self-hosted in site/assets/fonts/, declared in
     assets/fonts/fonts.css. Special Elite is the brand
     display face (typewriter, fits the case-file aesthetic);
     Crimson Pro carries the founder letter; Inter is body;
     JetBrains Mono is for codes, file numbers, coords. */

  --font-display: "Special Elite", "Courier New", "Courier", monospace;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-letter:  "Crimson Pro", Georgia, serif;
  --font-mono:    "JetBrains Mono", Menlo, Monaco, "Courier New", monospace;


  /* ---------- Layout ---------- */

  --topbar-h:     44px;
  --rail-w-left:  220px;
  --rail-w-right: 320px;

}


/* ---------- Global behaviors ---------- */

html {
  scroll-behavior: smooth;
}