/* Ortak tasarım sistemi: OBSIDIAN/AEON/20_Projects/Design/Design.md'deki @tokens bloğunun kopyası
   (2026-10-24). Burada değişiklik yapılmaz; değer değişecekse önce Design.md değişir, sonra buraya kopyalanır.
   Tek fark: Google Fonts @import satırı yok; Geist yerel dosyadan (font.css). Renk: B · Nötr (genel varsayılan). */
/* @tokens:start */
:root {
  color-scheme: light dark;

  /* ── Font ── */
  --font-sans: "Geist", ui-sans-serif, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  /* ── Renkler: light-dark(açık tema, koyu tema) ── */
  --bg:         light-dark(#F7F7F7, #0B0B0C);
  --surface:    light-dark(#FFFFFF, #161617);
  --surface-2:  light-dark(#F0F0F1, #1F1F21);
  --border:     light-dark(#E6E6E8, #27272A);
  --text:       light-dark(#1F1F1F, #F5F5F5);
  --text-muted: light-dark(#717173, #9A9A9E);
  --accent:     light-dark(#1F1F1F, #FFFFFF);   /* nötr: vurgu metin renginde */
  --on-accent:  light-dark(#FFFFFF, #111111);
  --success:    light-dark(#0A8F4E, #3DD68C);   /* para ve olumlu durum */
  --warning:    light-dark(#D9730D, #F2994A);
  --danger:     light-dark(#C0362C, #F2776B);
  --chart:      light-dark(#1F1F1F, #F5F5F5);   /* grafik işaretleri (çubuk, çizgi) */
  --chart-2:    light-dark(#A3A3A8, #5A5A60);   /* ikinci seri, karşılaştırma */

  /* ── Tipografi ── */
  --fs-xs: 12px;  --fs-sm: 13px;  --fs-md: 14px;  --fs-base: 16px;
  --fs-lg: 20px;  --fs-xl: 24px;  --fs-2xl: 34px;
  --fw-regular: 400;  --fw-medium: 500;  --fw-semibold: 600;
  --lh-body: 1.5;  --lh-heading: 1.2;
  --ls-tight: -0.01em;    /* başlık */
  --ls-tighter: -0.03em;  /* büyük rakam */

  /* ── Şekil ── */
  --radius-xs: 9px;     /* onay karesi, çok küçük öğe */
  --radius-sm: 14px;    /* küçük kutu, input */
  --radius-md: 16px;    /* kart, panel */
  --radius-full: 999px; /* buton, rozet, filtre, avatar, durum noktası */
  --border-w: 1px;
  --shadow: none;       /* ayrımı border yapar */

  /* ── Boşluk (4px taban) ── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;  --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;

  /* ── Ölçüler / yoğunluk ── */
  --control-h: 40px;      /* buton, input yüksekliği */
  --row-h: 44px;          /* liste satırı */
  --gutter: 16px;         /* mobil yan boşluk */
  --content-max: 720px;
  --dashboard-max: 1080px;

  /* ── İkon ── */
  --icon-sm: 16px;  --icon-md: 20px;  --icon-stroke: 1.5;
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }
/* @tokens:end */
