/* MERMER OYUN — belirteçler (docs/SITE_TASARIM.md bölüm 3). Bu dosyada yalnız :root bulunur. */
:root {
  color-scheme: dark;

  /* Renk */
  --bg: #050506;
  --bg-bar: #0a0a0c;
  --surface: #111114;
  --surface-2: #1a1a1f;
  --surface-hot: #26262d;
  --field: #0b0b0e;
  --line: #ffffff14;
  --line-strong: #34343c;
  --text: #f4f4f2;
  --text-2: #c9c9cf;
  --muted: #8f8f99;
  --accent: #f4f4f2;
  --accent-hot: #ffffff;
  --on-accent: #0a0a0c;
  --support-active-bg: #176d3a;
  --support-active: #71d791;
  --support-active-text: #ffffff;
  --steel: #b9bcc4;
  --vein: #ffffff0f;
  --hue-violet: #a070ff;
  --hue-cyan: #3fd0e6;
  --hue-gold: #e0b45a;
  --ok: #5fd38a;
  --warn: #ffc21a;
  --danger: #ffa3a4;
  --danger-bg: #f16a6a1f;

  /* Işık ve cam: yalnız hareket ve derinlik için */
  --glow: #ffffff24;
  --glow-soft: #ffffff0d;
  --sheen: #ffffffb3;
  --glass: #0a0a0cb8;
  --scrim: #000000b8;
  --bar-glass: #050506c7;
  --shadow: 0 16px 48px #00000066;
  --shadow-statue: 0 40px 70px #000000cc;

  /* Yazı */
  --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --t-display: clamp(40px, 6vw, 76px)/1.02;
  --t-h1: clamp(32px, 4.5vw, 46px)/1.07;
  --t-h2: 24px/1.2;
  --t-h3: 17px/1.3;
  --t-body: 15px/1.65;
  --t-small: 13px/1.5;
  --t-eyebrow: 12px/1;
  --t-number: clamp(44px, 7vw, 88px)/1;
  --track-tight: -0.04em;
  --track-snug: -0.02em;
  --track-wide: 0.22em;

  /* Boşluk, yarıçap, ölçü */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --r-1: 10px;
  --r-2: 18px;
  --r-full: 999px;
  --page: 1280px;
  --gutter: 16px;
  --bar: 60px;
  --control: 44px;
  --control-small: 36px;
  --control-large: 54px;
  --read: 68ch;

  /* Hareket */
  --ease: .18s ease;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --move: .9s;
  --move-fast: .45s;
  --rise: 28px;
}

@media (min-width: 600px) {
  :root { --gutter: 24px; }
}

@media (min-width: 900px) {
  :root { --gutter: 32px; --bar: 72px; }
}