/* ==========================================================================
   Vetro Cloud Konsolu - Tasarım tokenları
   Kaynak: api.md §16.8 (renkler, rozet anlamları, vurgu rengi)
   Yalnız açık tema. Gece modu, tema anahtarı, prefers-color-scheme yok.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- Marka / vurgu ------------------------------------------------------ */
  --vc-primary: #192a56;
  --vc-primary-dark: #101d3d;
  --vc-primary-light: #e8edf7;

  /* --- Yüzey ve metin ----------------------------------------------------- */
  --vc-bg: #f5f7fb;
  --vc-surface: #ffffff;
  --vc-surface-subtle: #f8fafc;
  --vc-border: #d9e0ec;
  --vc-border-strong: #c3cede;
  --vc-text: #0f172a;
  --vc-text-muted: #475569;
  --vc-text-subtle: #64748b;
  --vc-focus: #2563eb;

  /* --- Yan menü (koyu lacivert) ------------------------------------------- */
  --vc-sidebar-bg: #101d3d;
  --vc-sidebar-text: #b7c6e6;
  --vc-sidebar-text-hover: #ffffff;
  --vc-sidebar-hover-bg: #17284c;
  --vc-sidebar-active-bg: #192a56;
  --vc-sidebar-active-text: #ffffff;
  --vc-sidebar-group-text: #8ea4d0;
  --vc-sidebar-border: #1e2f57;

  /* --- Durum renkleri (rozet: açık zemin + koyu yazı, kontrast ≥ 7:1) ----- */
  --vc-success-bg: #dcfce7;
  --vc-success-text: #14532d;
  --vc-info-bg: #dbeafe;
  --vc-info-text: #1e3a8a;
  --vc-warning-bg: #fef3c7;
  --vc-warning-text: #78350f;
  --vc-restricted-bg: #ffedd5;
  --vc-restricted-text: #7c2d12;
  --vc-danger-bg: #fee2e2;
  --vc-danger-text: #7f1d1d;
  --vc-muted-bg: #e5e7eb;
  --vc-muted-text: #1f2937;

  /* --- Tipografi ---------------------------------------------------------- */
  --vc-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --vc-font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;
  --vc-fs-xs: 12px;
  --vc-fs-sm: 13px;
  --vc-fs-base: 14px;
  --vc-fs-md: 15px;
  --vc-fs-lg: 18px;
  --vc-fs-xl: 22px;
  --vc-fs-2xl: 28px;
  --vc-lh: 1.5;

  /* --- Ölçü ve boşluk ----------------------------------------------------- */
  --vc-sp-1: 4px;
  --vc-sp-2: 8px;
  --vc-sp-3: 12px;
  --vc-sp-4: 16px;
  --vc-sp-5: 20px;
  --vc-sp-6: 24px;
  --vc-sp-7: 32px;
  --vc-sp-8: 40px;

  --vc-radius-sm: 4px;
  --vc-radius: 6px;
  --vc-radius-lg: 10px;
  --vc-radius-pill: 999px;

  --vc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --vc-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
  --vc-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.2);

  --vc-header-h: 56px;
  --vc-sidebar-w: 236px;
  --vc-content-max: 1440px;
  --vc-control-h: 36px;
  --vc-target: 24px;

  --vc-transition: 120ms ease;
}