/* Vegapunk Desk — tasarım token'ları.
   Bütün renkler, boyutlar ve yarıçaplar yalnızca buradan okunur. Bileşen CSS'i sabit renk yazmaz.
   Koyu tema hazır ama ilk sürümde kapalı: <html data-theme="dark"> ile açılır. */

:root {
  /* zemin ve yüzeyler */
  --ground: #f6f8f9;      /* çerçeve: kenar çubuğu + üst çubuk */
  --surface: #ffffff;     /* çalışma sayfası, kartlar */
  --raised: #f3f5f7;      /* iç kuyular, otomatik yanıt, boş yuva zemini */
  --active: #e9eef0;      /* seçili satır, seçili gezinti öğesi */
  --hover: #f1f4f6;
  --border: #e3e7ea;      /* sayfa ve kart kenarı */
  --rule: #eef1f3;        /* satır çizgileri */
  --control: #c4cbd1;     /* input, select, ikincil düğme kenarı */
  --scrim: rgba(13, 15, 16, .45);

  /* metin (her katman beyaz ve --ground üzerinde 4.5:1 üstü) */
  --text: #14171a;
  --muted: #565d64;
  --faint: #656c72;

  /* marka ve eylem */
  --accent: #1b6c80;
  --accent-ink: #ffffff;
  --accent-soft: #e3eef1;
  --primary: #15191c;
  --primary-hover: #2a3035;
  --primary-ink: #ffffff;

  /* durum */
  --critical: #c4242a;  --critical-bg: #ffedea;  --critical-ink: #831c1e;
  --warning: #8f3e0c;   --warning-bg: #fff6e0;   --warning-ink: #7a3a07;
  --success: #1e7b4f;   --success-bg: #dcfae5;   --success-ink: #04250e;
  --info: #2f63a8;      --info-bg: #e8f0fb;      --info-ink: #1c3f70;
  --neutral-bg: #ebedee; --neutral-ink: #353736;

  /* kişi tonları (kimlik, veri değil): baş harf avatarları */
  --tone-1-bg: #e3eef1; --tone-1-ink: #1b5566;
  --tone-2-bg: #ece7f6; --tone-2-ink: #4d3a78;
  --tone-3-bg: #e6f2e6; --tone-3-ink: #2d5a2d;
  --tone-4-bg: #f6ebe1; --tone-4-ink: #6b4220;
  --tone-5-bg: #f3e5ea; --tone-5-ink: #74304a;
  --tone-6-bg: #ebedee; --tone-6-ink: #353736;

  /* grafik */
  --chart-1: #1b6c80;
  --grid: #e5e8eb;

  /* koyu paneller: terminal ve log (her temada koyu) */
  --term-bg: #0f1214;
  --term-raised: #161b1e;
  --term-select: #1d262b;
  --term-border: #242c31;
  --term-text: #d7dde2;
  --term-dim: #939ca3;
  --term-crit: #ff8b82;
  --term-warn: #e3b341;
  --term-ok: #56d364;
  --term-key: #79c0ff;

  /* yazı */
  --font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --fs-12: 12px;  --lh-12: 16px;
  --fs-13: 13px;  --lh-13: 18px;
  --fs-14: 14px;  --lh-14: 20px;
  --fs-16: 16px;  --lh-16: 24px;
  --fs-18: 18px;  --lh-18: 26px;
  --fs-22: 22px;  --lh-22: 28px;
  --fs-28: 28px;  --lh-28: 34px;

  /* boşluk (4 tabanlı) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-12: 48px;
  --gap: 16px;

  /* yarıçap */
  --r-chip: 4px;
  --r-control: 6px;
  --r-card: 8px;
  --r-sheet: 16px;

  /* yükseklikler */
  --topbar-h: 48px;
  --sidebar-w: 228px;
  --nav-row: 34px;
  --control-h: 32px;
  --control-h-lg: 36px;
  --touch: 44px;
  --tabnav-h: 56px;

  /* yalnızca yüzen öğeler */
  --shadow-float: 0 6px 16px rgba(16, 24, 32, .10), 0 1px 2px rgba(16, 24, 32, .06);

  /* hareket */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-1: 120ms;
  --dur-2: 220ms;

  color-scheme: light;
}

/* Koyu tema: hazır, ilk sürümde kullanılmıyor. */
:root[data-theme="dark"] {
  --ground: #0d0f10;  --surface: #151819;  --raised: #1c2022;  --active: #242a2d;  --hover: #1f2427;
  --border: #262b2e;  --rule: #1e2325;     --control: #3f474c;
  --text: #f2f4f5;    --muted: #b3bac0;    --faint: #9aa1a7;
  --accent: #4fb3c9;  --accent-ink: #0d0f10; --accent-soft: #17323a;
  --primary: #f2f4f5; --primary-hover: #d9dee1; --primary-ink: #0d0f10;
  --critical: #ff8a80; --critical-bg: #3a1c1c; --critical-ink: #ffb4ab;
  --warning: #f0b45a;  --warning-bg: #3a2c12;  --warning-ink: #f6cf8e;
  --success: #5fd08f;  --success-bg: #14301f;  --success-ink: #9be6b8;
  --info: #7fb0ff;     --info-bg: #17263d;     --info-ink: #b5d0ff;
  --neutral-bg: #262b2e; --neutral-ink: #d5dade;
  --grid: #2b3134;
  --shadow-float: 0 8px 24px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);
  color-scheme: dark;
}