/* Tasarım değişkenleri. Renk, yazı ve boşluk yalnızca buradan değişir. Uygulama sadece açık temadır. */
:root {
  /* yüzeyler */
  --bg: #f3f4f6;
  --surface: #ffffff;
  --surface-2: #f1f3f5;
  --surface-pressed: #e6e8eb;
  --border: #e3e6ea;
  --border-strong: #cdd2d8;

  /* yazı */
  --text: #111827;
  --text-2: #4b5563;
  --text-3: #8b929c;
  --on-accent: #ffffff;

  /* vurgu ve durum renkleri */
  --accent: #17633f;
  --accent-pressed: #114f32;
  --accent-soft: #e8f2ec;
  --accent-text: #145a39;
  --danger: #c1361d;
  --danger-soft: #fbe9e5;
  --danger-text: #9c2a15;
  --warn: #b26a00;
  --warn-soft: #fcf0dc;
  --warn-text: #7f4b00;
  --info: #2a62b6;
  --info-soft: #e6eefa;
  --info-text: #1f4c8f;

  /* küpe etiketi: nötr zemin, sarı kenar şeridi (Türkiye'deki sarı kulak küpesi) */
  --tag: #fbf7ea;
  --tag-edge: #e2b23a;
  --tag-text: #1f2937;

  /* türetilmiş renkler */
  --ring: rgba(23, 99, 63, .2);
  --tabbar-bg: rgba(255, 255, 255, .92);
  --tag-hole: rgba(43, 35, 0, .3);
  --danger-line: rgba(193, 54, 29, .5);
  --shimmer: rgba(255, 255, 255, .6);

  /* yazı ölçeği */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --fs-xs: 13px;
  --fs-sm: 15px;
  --fs-md: 17px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 28px;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* boşluk (4'ün katları) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;

  /* köşe ve gölge */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-full: 999px;
  --shadow-1: 0 0 0 1px var(--border), 0 1px 2px rgba(16, 24, 40, .04);
  --shadow-2: 0 8px 28px rgba(20, 22, 25, .14);

  /* ölçüler */
  --tap: 52px;            /* en küçük dokunma alanı */
  --btn-h: 52px;
  --tabbar-h: 68px;
  --page-max: 560px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --ease: cubic-bezier(.2, .8, .2, 1);

  color-scheme: light;
}