/* Astron2: ortak jetonlar (site + panel). Yazı tipleri siteden sunulur (dış kaynak yok). */

@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: gece mavisi-siyah, logonun fonundan */
  --z-0: #05070b;
  --z-1: #090d14;
  --z-2: #0e131c;
  --z-3: #141a25;
  --z-4: #1b2230;

  /* çizgi / çelik */
  --c-1: #1f2733;
  --c-2: #2c3544;
  --c-3: #434d5e;

  /* gümüş (platin, logodaki sıcak yansıma) */
  --g-50: #f5f2ed;
  --g-100: #e9e5de;
  --g-200: #cfd3d9;
  --g-300: #b1b7c0;
  --g-400: #959dab;
  --g-500: #838c9a;

  /* buz mavisi: logodaki yıldız ve oyuklar */
  --buz-300: #a9d0f6;
  --buz-400: #6aaef0;
  --buz-500: #3d86d1;
  --buz-700: #1c3f66;
  --buz-900: #0a1a2c;

  --grafik-1: #5094dc;

  /* kızıl: yalnız PvP ve olumsuz durum; doygunluğu kısık */
  --kz-300: #e79a9c;
  --kz-400: #d05a5f;
  --kz-500: #a8373c;
  --kz-700: #5e1c20;
  --kz-900: #1d0c0e;

  /* durum */
  --d-iyi: #4cbc7c;
  --d-uyari: #d6a347;
  --d-kotu: var(--kz-400);

  /* 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, lining), 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;
  --a-20: 80px;

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

  /* çelik levha (başlık çubukları) ve parlatılmış gümüş (birincil düğme) */
  --levha: linear-gradient(180deg, #1d2532 0%, #141a24 48%, #0f141c 100%);
  --levha-parlak: linear-gradient(180deg, #fbfaf7 0%, #e3e6ea 22%, #b9c0ca 52%, #9aa3b0 53%, #c9ced5 100%);
  --levha-parlak-ust: linear-gradient(180deg, #ffffff 0%, #eceef1 22%, #c6ccd4 52%, #a9b1bd 53%, #d6dae0 100%);
  --golge-kutu: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.9);

  /* köşe süsleri (çerçeve) */
  --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='%23cfd3d9' stroke-opacity='.55'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23cfd3d9' fill-opacity='.45'/%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='%23cfd3d9' stroke-opacity='.55'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23cfd3d9' fill-opacity='.45'/%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='%23cfd3d9' stroke-opacity='.55'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23cfd3d9' fill-opacity='.45'/%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='%23cfd3d9' stroke-opacity='.55'/%3E%3Cpath d='M3 3h5v1H4v4H3z' fill='%23cfd3d9' fill-opacity='.45'/%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='%23b1b7c0' stroke-opacity='.26'/%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; }
}