/* Tasarım belirteçleri. Yüzeyler yalnızca açıklık farkıyla ayrılır; tek renk "kayıt" kırmızısıdır.
   Koyu tema varsayılan; açık tema aynı rolleri ters tonlarla doldurur. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  --ground: #000000;
  --surface: #111111;
  --raised: #1e1e1e;
  --control: #2a2a2a;
  --control-hover: #363636;
  --rule: #161616;
  --float: #1f1f1f; /* menü, bildirim, pencere: altındaki panellerden bir ton açık */

  --text: #ffffff;
  --muted: #b4b4b4;
  --faint: #949494;
  --inverse: #000000; /* birincil düğmenin yazısı */

  /* Stüdyodaki "kayıtta" lambası: kayıt durumu, ilerleme ve tehlikeli eylemler */
  --tally: #ff4a3d;
  --tally-hover: #ff6a5f;
  --tally-soft: #2c1412;
  --positive: #8fdc9c;
  --progress: #f2c14e; /* devam eden kayıt ilerlemesi */
  --negative: #ff7a70;

  --scrim: rgba(0, 0, 0, .78);
  --backdrop: rgba(0, 0, 0, .62);
  --float-shadow: 0 18px 48px rgba(0, 0, 0, .55);
}

:root[data-theme="light"] {
  color-scheme: light;

  --ground: #ffffff;
  --surface: #f4f4f3;
  --raised: #eaeae8;
  --control: #e1e1de;
  --control-hover: #d6d6d2;
  --rule: #ececea;
  --float: #ffffff;

  --text: #0b0b0b;
  --muted: #555553;
  --faint: #6b6b68;
  --inverse: #ffffff;

  --tally: #e0352a;
  --tally-hover: #c92b21;
  --tally-soft: #fde8e6;
  --positive: #1f8a4c;
  --progress: #d99a00;
  --negative: #c62f25;

  --scrim: rgba(0, 0, 0, .74);
  --backdrop: rgba(20, 20, 20, .38);
  --float-shadow: 0 18px 48px rgba(0, 0, 0, .16);
}

:root {
  --radius-card: 20px;
  --radius-media: 12px;
  --radius-control: 999px;

  --gap: 14px;
  --pad: 22px;
  --control-height: 36px;
  --gutter: clamp(16px, 3vw, 32px);
  --max: 1320px;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-small: 13px;
  --fs-body: 15px;
  --fs-section: 17px;
  --fs-title: 24px;
  --fs-display: clamp(44px, 6.4vw, 92px);

  --ease: cubic-bezier(.2, .7, .2, 1);
}