/* Astron2 · Rüya: tasarım jetonları. Kimlik: yakut (#a8202e / #d03f4e) + gümüş (#ebe4e5) + ince altın vurgu,
   zemin #080304. --zm-* değişken adı tarihseldir (eski zümrüt tonlarından kaldı), değerleri yakuttur.
   Yazı tipleri siteden sunulur (dış kaynak yok); lisanslar fonts/OFL-*.txt. */

@font-face {
  font-family: "Cinzel";
  src: url("../fonts/cinzel.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow SC";
  src: url("../fonts/barlow-sc-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow SC";
  src: url("../fonts/barlow-sc-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* zemin: yakut tonlu gece siyahı (logonun ejder pullarının en koyu tonu) */
  --z-0: #080304;
  --z-1: #100607;
  --z-2: #170a0b;
  --z-3: #200f11;
  --z-4: #2a1517;

  /* çizgi / kızıl çelik */
  --c-1: #261416;
  --c-2: #3a1f22;
  --c-3: #543437;

  /* gümüş (logodaki harflerin yansıması) */
  --g-50: #f6f3f3;
  --g-100: #ebe4e5;
  --g-200: #d6cbcc;
  --g-300: #b8a9ab;
  --g-400: #9d8d8f;
  --g-500: #877678;

  /* yakut: vurgu, etkin durum, odak (değişken adı tarihsel: zm) */
  --zm-200: #f5c4c9;
  --zm-300: #e68690;
  --zm-400: #d03f4e;
  --zm-500: #a8202e;
  --zm-600: #841722;
  --zm-700: #5a0f17;
  --zm-900: #260508;

  /* altın: yalnız birinci sıra ve mühür ışığı */
  --al-300: #f0d99a;
  --al-400: #d9b65c;

  /* durum (anlamlı renkler temadan bağımsız: iyi = yeşil) */
  --d-iyi: #3fd08a;
  --d-uyari: #d9b15c;
  --d-kotu: #d65c5c;
  --kz-300: #eca1a1;

  /* krallıklar (oyundaki bayrak renkleri; her zaman adıyla birlikte) */
  --k-shinsoo: #c83a36;
  --k-chunjo: #bc8a2a;
  --k-jinno: #3f7fd6;

  /* yazı: Cinzel yalnız başlık/menü; sayılar Barlow SC (tabular), gövde sistem yazısı */
  --f-baslik: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --f-metin: "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", Arial, sans-serif;
  --f-sayi: "Barlow SC", "Segoe UI", system-ui, sans-serif;
  --f-kod: Consolas, "Cascadia Mono", "SFMono-Regular", Menlo, monospace;

  --t-11: 0.6875rem;
  --t-12: 0.75rem;
  --t-13: 0.8125rem;
  --t-14: 0.875rem;
  --t-15: 0.9375rem;
  --t-17: 1.0625rem;
  --t-20: 1.25rem;
  --t-24: 1.5rem;
  --t-30: 1.875rem;
  --t-40: 2.5rem;

  /* aralık: 4'ün katları */
  --a-1: 4px;
  --a-2: 8px;
  --a-3: 12px;
  --a-4: 16px;
  --a-5: 20px;
  --a-6: 24px;
  --a-8: 32px;
  --a-10: 40px;
  --a-12: 48px;
  --a-16: 64px;

  --r-1: 2px;
  --r-2: 3px;

  /* levha (başlık çubukları) */
  --levha: linear-gradient(180deg, #291416 0%, #1d0d0f 48%, #15090a 100%);
  --golge-kutu: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.92);
  --parilti: 0 0 0 1px rgba(208, 63, 78, 0.28), 0 14px 34px -14px rgba(208, 63, 78, 0.45);

  /* köşe süsleri (çerçeve), yakut tonlu gümüş */
  --kose-sol-ust: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M.5 13.5V.5h13' fill='none' stroke='%23d3b7ba' stroke-opacity='.5'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23d03f4e' fill-opacity='.55'/%3E%3C/svg%3E");
  --kose-sag-ust: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg transform='matrix(-1 0 0 1 14 0)'%3E%3Cpath d='M.5 13.5V.5h13' fill='none' stroke='%23d3b7ba' stroke-opacity='.5'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23d03f4e' fill-opacity='.55'/%3E%3C/g%3E%3C/svg%3E");
  --kose-sol-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg transform='matrix(1 0 0 -1 0 14)'%3E%3Cpath d='M.5 13.5V.5h13' fill='none' stroke='%23d3b7ba' stroke-opacity='.5'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23d03f4e' fill-opacity='.55'/%3E%3C/g%3E%3C/svg%3E");
  --kose-sag-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg transform='matrix(-1 0 0 -1 14 14)'%3E%3Cpath d='M.5 13.5V.5h13' fill='none' stroke='%23d3b7ba' stroke-opacity='.5'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23d03f4e' fill-opacity='.55'/%3E%3C/g%3E%3C/svg%3E");

  /* doğu kilit deseni (meander): iki raylı bant, 18px */
  --kilit-bant: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18'%3E%3Cpath d='M0 .5h32M0 17.5h32M3.5 17.5V5.5h11v8h-6v-4h3M19.5 .5v12h11v-8h-6v4h3' fill='none' stroke='%23e68690' stroke-opacity='.22'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}