/**
 * Korubin Design System — layout & typography (Tailwind token’larıyla uyumlu katman)
 *
 * Kaynak referanslar (tasarım dili):
 * - korubin-theme-final.html — Geist, 13px gövde, app shell 68px dar şerit, yüzey hiyerarşisi
 * - korubin-component-library.html — bileşen ritmi, kart/liste ayrımı
 * - sample.html — nötr başlık / canlı değer ayrımı (polish)
 *
 * Bu dosya hsl(var(--*)) shadcn token’larını BOZMAZ; sadece font, shell genişliği ve ince ritim ekler.
 */

:root {
  --kb-font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --kb-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

html.dark body.korubin-shell::before,
html[data-theme="marine"] body.korubin-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.012;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

body.korubin-shell {
  font-family: var(--kb-font-sans);
  font-size: 0.8125rem;
  letter-spacing: -0.01em;
  font-feature-settings: "cv11", "ss01", "ss03";
}

body.korubin-shell .font-tabular-nums {
  font-family: var(--kb-font-mono);
  font-feature-settings: "tnum";
}

/* theme-final: dar şerit 68px — w-20 (80px) yerine; genişletmede Tailwind w-64 */
body.korubin-shell #sidebar {
  width: 68px;
}

body.korubin-shell #sidebar.w-64 {
  width: 16rem;
}

/* Spinner: tema token’ları (korubin.css’te border-t-primary-* üretilmediği için) */
@keyframes kb-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

body.korubin-shell .kb-loading-spinner {
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  border: 2px solid hsl(var(--border));
  border-top-color: hsl(var(--primary));
  animation: kb-loading-spin 0.7s linear infinite;
}

/* Sol menü — logo kutusu (K) taşmaz; dar/geniş şeritte hizalama */
body.korubin-shell .sidebar-brand-mark {
  box-sizing: border-box;
}

body.korubin-shell #sidebar:not(.w-64) .sidebar-logo-wrap {
  justify-content: center;
}

body.korubin-shell #sidebar.w-64 .sidebar-logo-wrap {
  justify-content: flex-start;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

body.korubin-shell #sidebar:not(.w-64) .sidebar-brand-link {
  justify-content: center;
}

body.korubin-shell #sidebar.w-64 .sidebar-brand-link {
  justify-content: flex-start;
  width: 100%;
}