/* VCS tema katmanı: marka token'ları -> Bootstrap 5.3 --bs-* değişkenleri (A95). Sass yok; Bootstrap CSS'inin ardından gelir.
   Ham renk yalnız bu dosyadaki iki token bloğunda (açık / koyu) bulunur; bileşenler hiçbir yerde ham renk ya da ham px boşluk yazmaz.
   Mod: <html data-bs-theme="light|dark"> (sunucu yazar); "auto" için head'deki nonce'lu küçük betik ilk boyamadan önce karar verir. */

/* ================= 1. Token'lar: açık ================= */
:root, [data-bs-theme="light"] {
  --vc-surface: #ffffff; --vc-surface-sunken: #e8eff7; --vc-border: #d3dde8; --vc-border-strong: #b3c2d3;
  --vc-text: #0a1e33; --vc-text-muted: #4a6178; --vc-link: #1d3f86; --vc-focus: #1d3f86; --vc-control-on: #1d3f86;
  --vc-brand: #0c1e4a; --vc-brand-ink: #eef3fb; --vc-brand-muted: #b3c2da; --vc-brand-hover: rgba(255, 255, 255, 0.09); --vc-brand-line: rgba(255, 255, 255, 0.16);
  --vc-accent: #c8a24a; --vc-accent-ink: #0c1e4a; --vc-logo-plate: #ffffff;
  --vc-success: #13795b; --vc-success-bg: #dff3ea; --vc-warning: #7a4f00; --vc-warning-bg: #fdf0d2;
  --vc-danger: #b3261e; --vc-danger-bg: #fbe3e1; --vc-info: #1d4f9a; --vc-info-bg: #e0ecfb;
  --vc-chart-1: #2f5fc0; --vc-chart-2: #c8a24a; --vc-chart-3: #1f8a8a; --vc-chart-4: #6b7f99; --vc-chart-5: #b3261e;
  --vc-scrim: rgba(5, 12, 30, 0.6);

  /* Bootstrap bağlantıları */
  --bs-body-bg: #f3f6fa; --bs-body-bg-rgb: 243, 246, 250; --bs-body-color: #0a1e33; --bs-body-color-rgb: 10, 30, 51;
  --bs-emphasis-color: #0a1e33; --bs-emphasis-color-rgb: 10, 30, 51; --bs-secondary-color: #4a6178; --bs-secondary-color-rgb: 74, 97, 120;
  --bs-secondary-bg: #e8eff7; --bs-secondary-bg-rgb: 232, 239, 247; --bs-tertiary-bg: #e8eff7; --bs-tertiary-bg-rgb: 232, 239, 247;
  --bs-tertiary-color: #4a6178; --bs-border-color: #d3dde8; --bs-border-color-translucent: #d3dde8;
  --bs-link-color: #1d3f86; --bs-link-color-rgb: 29, 63, 134; --bs-link-hover-color: #0c1e4a; --bs-link-hover-color-rgb: 12, 30, 74;
  --bs-primary: #c8a24a; --bs-primary-rgb: 200, 162, 74; --bs-primary-text-emphasis: #0c1e4a; --bs-primary-bg-subtle: #f6edd6; --bs-primary-border-subtle: #e6d29f;
  --bs-success: #13795b; --bs-success-rgb: 19, 121, 91; --bs-success-text-emphasis: #13795b; --bs-success-bg-subtle: #dff3ea; --bs-success-border-subtle: #a9dcc7;
  --bs-warning: #7a4f00; --bs-warning-rgb: 122, 79, 0; --bs-warning-text-emphasis: #7a4f00; --bs-warning-bg-subtle: #fdf0d2; --bs-warning-border-subtle: #f0d68f;
  --bs-danger: #b3261e; --bs-danger-rgb: 179, 38, 30; --bs-danger-text-emphasis: #b3261e; --bs-danger-bg-subtle: #fbe3e1; --bs-danger-border-subtle: #f1b3ae;
  --bs-info: #1d4f9a; --bs-info-rgb: 29, 79, 154; --bs-info-text-emphasis: #1d4f9a; --bs-info-bg-subtle: #e0ecfb; --bs-info-border-subtle: #aac6ee;
  --bs-focus-ring-color: rgba(29, 63, 134, 0.35);
  --bs-box-shadow-sm: 0 1px 2px rgba(10, 30, 51, 0.08); --bs-box-shadow: 0 4px 12px rgba(10, 30, 51, 0.12); --bs-box-shadow-lg: 0 12px 32px rgba(10, 30, 51, 0.18);
  color-scheme: light;
}

/* ================= 2. Token'lar: koyu (ayrı tasarlanmış palet, ters çevirme değil) ================= */
[data-bs-theme="dark"] {
  --vc-surface: #0f1f45; --vc-surface-sunken: #0a1838; --vc-border: #25407f; --vc-border-strong: #3a5aa0;
  --vc-text: #e9eefa; --vc-text-muted: #a6b6d4; --vc-link: #a9c1f2; --vc-focus: #e0c078; --vc-control-on: #d6b25e;
  --vc-brand: #162a5a; --vc-brand-ink: #eef3fb; --vc-brand-muted: #b3c2da; --vc-brand-hover: rgba(255, 255, 255, 0.09); --vc-brand-line: rgba(255, 255, 255, 0.16);
  --vc-accent: #d6b25e; --vc-accent-ink: #0c1e4a; --vc-logo-plate: #ffffff;
  --vc-success: #52c79c; --vc-success-bg: #0f3a2d; --vc-warning: #f2c26b; --vc-warning-bg: #3d2f0c;
  --vc-danger: #ff8a80; --vc-danger-bg: #4a1c1a; --vc-info: #8db8f5; --vc-info-bg: #12315c;
  --vc-chart-1: #7ba6f0; --vc-chart-2: #d6b25e; --vc-chart-3: #4cc0c0; --vc-chart-4: #9fb0c8; --vc-chart-5: #ff8a80;

  --bs-body-bg: #081433; --bs-body-bg-rgb: 8, 20, 51; --bs-body-color: #e9eefa; --bs-body-color-rgb: 233, 238, 250;
  --bs-emphasis-color: #ffffff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: #a6b6d4; --bs-secondary-color-rgb: 166, 182, 212;
  --bs-secondary-bg: #0a1838; --bs-secondary-bg-rgb: 10, 24, 56; --bs-tertiary-bg: #0a1838; --bs-tertiary-bg-rgb: 10, 24, 56;
  --bs-tertiary-color: #a6b6d4; --bs-border-color: #25407f; --bs-border-color-translucent: #25407f;
  --bs-link-color: #a9c1f2; --bs-link-color-rgb: 169, 193, 242; --bs-link-hover-color: #d6e2fb; --bs-link-hover-color-rgb: 214, 226, 251;
  --bs-primary: #d6b25e; --bs-primary-rgb: 214, 178, 94; --bs-primary-text-emphasis: #e0c078; --bs-primary-bg-subtle: #3a3018; --bs-primary-border-subtle: #6d5a26;
  --bs-success: #52c79c; --bs-success-rgb: 82, 199, 156; --bs-success-text-emphasis: #52c79c; --bs-success-bg-subtle: #0f3a2d; --bs-success-border-subtle: #1f6b53;
  --bs-warning: #f2c26b; --bs-warning-rgb: 242, 194, 107; --bs-warning-text-emphasis: #f2c26b; --bs-warning-bg-subtle: #3d2f0c; --bs-warning-border-subtle: #7a5d1c;
  --bs-danger: #ff8a80; --bs-danger-rgb: 255, 138, 128; --bs-danger-text-emphasis: #ff8a80; --bs-danger-bg-subtle: #4a1c1a; --bs-danger-border-subtle: #8a3a35;
  --bs-info: #8db8f5; --bs-info-rgb: 141, 184, 245; --bs-info-text-emphasis: #8db8f5; --bs-info-bg-subtle: #12315c; --bs-info-border-subtle: #2c5798;
  --bs-focus-ring-color: rgba(224, 192, 120, 0.4);
  --bs-box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4); --bs-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45); --bs-box-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}

/* ================= 3. Ölçekler (token): boşluk, yazı, ölçü, köşe ================= */
:root {
  --vc-space-1: 0.25rem; --vc-space-2: 0.5rem; --vc-space-3: 0.75rem; --vc-space-4: 1rem; --vc-space-5: 1.5rem; --vc-space-6: 2rem; --vc-space-7: 3rem; --vc-space-8: 4rem;
  --vc-radius-sm: 0.25rem; --vc-radius-md: 0.5rem; --vc-radius-lg: 0.75rem;
  --vc-font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --vc-font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vc-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --vc-text-xs: 0.75rem; --vc-text-sm: 0.875rem; --vc-text-md: 1rem; --vc-text-lg: 1.25rem; --vc-text-xl: 1.625rem; --vc-text-2xl: 2.25rem;
  --vc-weight-regular: 400; --vc-weight-medium: 500; --vc-weight-strong: 600;
  --vc-size-1: 1.5rem; --vc-size-2: 2rem; --vc-size-3: 2.5rem; --vc-size-4: 4rem; --vc-size-5: 8rem; --vc-size-6: 14rem; --vc-size-7: 22rem; --vc-size-8: 35rem;
  --vc-sidebar-w: 16.5rem; --vc-sidebar-w-collapsed: 4.5rem; --vc-content-max: 80rem; --vc-chart-h: 16rem; --vc-chart-h-sm: 3.5rem; --vc-chart-h-lg: 14rem;
  --vc-z-header: 1020; --vc-motion-fast: 120ms; --vc-motion-base: 200ms;

  --bs-body-font-family: var(--vc-font-body); --bs-body-font-size: var(--vc-text-md); --bs-body-font-weight: var(--vc-weight-regular); --bs-body-line-height: 1.6;
  --bs-font-monospace: var(--vc-font-mono);
  --bs-border-radius: var(--vc-radius-md); --bs-border-radius-sm: var(--vc-radius-sm); --bs-border-radius-lg: var(--vc-radius-lg);
  --bs-heading-color: var(--vc-text);
}