/* ============================================================
   KÜŞT MEKANY — dizaýn ulgamynyň üýtgeýjileri (design tokens)
   Ugur: redaksion, ykjam we parahat. Zümerret — bellik reňki,
   altyn — diňe inçe şöhle, pil süňki — kagyz fony.
   ============================================================ */

:root {
  /* --- Esasy palitra --- */
  --emerald-950: #05211b;
  --emerald-900: #092e25;
  --emerald-850: #0b382d;
  --emerald-800: #0d4434;
  --emerald-700: #11543f;
  --emerald-600: #16684d;
  --emerald-500: #1c7d5e;
  --emerald-400: #2f9a76;
  --emerald-300: #63b795;
  --emerald-200: #a5d6c0;
  --emerald-100: #dceee6;

  --ivory-50:  #fdfcf8;
  --ivory-100: #f8f6ef;
  --ivory-200: #f1ede2;
  --ivory-300: #e4dece;
  --ivory-400: #d2c9b3;

  --gold-700: #7f6420;
  --gold-600: #a4842f;
  --gold-500: #bf9d3c;
  --gold-400: #d4b668;
  --gold-300: #e6d3a1;
  --gold-200: #f2e7ca;

  --clay-500: #9c5133;
  --clay-400: #b86c4c;

  --danger-600: #94231f;
  --danger-500: #b8342f;
  --danger-100: #f7e4e3;
  --success-600: #11684a;
  --success-100: #dbefe5;
  --warn-600: #8a6212;
  --warn-100: #f7eed6;

  /* --- Şrift --- */
  --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* Ykjam şkala — maglumat dykyzlygy ýokary bolsun diýip */
  --fs-xs:   0.6875rem;   /* 11px */
  --fs-sm:   0.8125rem;   /* 13px */
  --fs-base: 0.875rem;    /* 14px */
  --fs-md:   0.9375rem;   /* 15px */
  --fs-lg:   1.0625rem;   /* 17px */
  --fs-xl:   1.25rem;     /* 20px */
  --fs-2xl:  1.5rem;      /* 24px */
  --fs-3xl:  1.875rem;    /* 30px */
  --fs-4xl:  2.375rem;    /* 38px */

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-base: 1.55;

  /* --- Ölçegler --- */
  --space-1: 0.25rem;
  --space-2: 0.375rem;
  --space-3: 0.625rem;
  --space-4: 0.875rem;
  --space-5: 1.25rem;
  --space-6: 1.75rem;
  --space-7: 2.5rem;
  --space-8: 3.25rem;
  --space-9: 4.5rem;

  /* Inçe radius — «pill» diňe bellikler üçin */
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-pill: 999px;

  --container: 1180px;
  --container-narrow: 760px;
  --header-h: 56px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 110ms;
  --dur: 180ms;
  --dur-slow: 320ms;

  color-scheme: light;
}

/* --- ÝAGTY REŽIM (esasy) --- */
/*
 * Reňk düzgüni:
 *   ZÜMERRET ÝAŞYL — diňe ýokarky menýu we aşaky bölüm üçin (--chrome-*).
 *   MAZMUN — bitarap kagyz we grafit reňkleri.
 *   ALTYN — mazmundaky ýeke-täk bellik reňki (salgylanmalar, işjeň ýagdaý).
 */
:root {
  /* Ýokarky we aşaky zolaklar — ýeke-täk ýaşyl ýer */
  --chrome-bg: var(--emerald-800);
  --chrome-text: var(--ivory-50);
  --chrome-text-soft: rgba(248, 246, 239, 0.72);
  --chrome-muted: rgba(248, 246, 239, 0.52);
  --chrome-border: rgba(248, 246, 239, 0.16);
  --chrome-accent: var(--gold-400);

  --bg: #f7f6f3;
  --bg-alt: #efeeea;
  --bg-deep: var(--emerald-800);
  --surface: #ffffff;
  --surface-2: #fbfaf8;
  --surface-3: #f1f0ec;
  --surface-inset: #f3f2ee;

  --text: #1c201e;
  --text-soft: #545a57;
  --text-muted: #868b88;
  --text-invert: var(--ivory-50);

  /* Mazmundaky bellik reňki — altyn/bürünç, ýaşyl däl */
  --accent: var(--gold-600);
  --accent-strong: var(--gold-700);
  --accent-soft: #f7f1e1;
  --accent-contrast: #ffffff;

  --gold: var(--gold-700);
  --gold-soft: #f7f1e1;

  /* Esasy düwme — bitarap grafit */
  --action: #242926;
  --action-hover: #343a36;
  --action-text: #ffffff;

  --border: rgba(28, 32, 30, 0.12);
  --border-strong: rgba(28, 32, 30, 0.2);
  --border-gold: rgba(164, 132, 47, 0.36);

  --shadow-sm: 0 1px 2px rgba(28, 32, 30, 0.05);
  --shadow-md: 0 1px 3px rgba(28, 32, 30, 0.06), 0 4px 12px rgba(28, 32, 30, 0.05);
  --shadow-lg: 0 2px 6px rgba(28, 32, 30, 0.07), 0 12px 32px rgba(28, 32, 30, 0.09);
  --shadow-gold: 0 2px 10px rgba(164, 132, 47, 0.14);

  /* Küşt tagtasy — bitarap daş we süňk reňkleri */
  --board-light: #ece6d9;
  --board-dark: #a09689;
  --board-frame: #3b3a36;
  --piece-white-fill: #fcfaf5;
  --piece-white-stroke: #2a2d2a;
  --piece-black-fill: #2c2f2b;
  --piece-black-stroke: #e8e2d4;
  --sq-select: rgba(191, 157, 60, 0.5);
  --sq-move: rgba(59, 58, 54, 0.34);
  --sq-last: rgba(212, 182, 104, 0.4);
  --sq-check: rgba(184, 52, 47, 0.55);
}

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