/* ══════════════════════════════════════════
   Themis UI — tasarım değişkenleri (Lacivert Klasik)
   ══════════════════════════════════════════ */
html { font-size: 13px; position: relative; min-height: 100%; }
:root {
  --font: 'Poppins', 'Segoe UI', system-ui, sans-serif; --fs: 13px;
  --bg: #F2F5FA; --surface: #FFFFFF; --surface-2: #F7F9FC; --surface-3: #E8EDF5; --surface-pop: #FFFFFF;
  --border: #E2E8F1; --border-strong: #CAD3E2;
  --text: #1B2438; --text-2: #5A6A86; --text-3: #8C99B0; --heading: #13274E;
  --primary: #13274E; --primary-contrast: #FFFFFF; --primary-soft: #E6EBF5; --primary-text: #13274E; --link: #1E4FBF; --focus: #2F6BFF;
  --success: #15935A; --warning: #D98A06; --danger: #D93A3A; --info: #2563EB; --neutral-btn: #394867;
  --radius-sm: 6px; --radius: 8px; --radius-lg: 12px; --radius-xl: 14px;
  --cell-px: 16px; --cell-py: 12px;
  --ctrl-h: 40px; --ctrl-h-sm: 32px; --ctrl-h-lg: 48px; --ctrl-px: 1.1rem;
  --shadow-sm: 0 1px 2px rgba(19, 39, 78, .05), 0 1px 8px rgba(19, 39, 78, .04);
  --shadow-lg: 0 10px 30px rgba(19, 39, 78, .14); --shadow-xl: 0 24px 60px rgba(19, 39, 78, .28);
  --sidebar-w: 260px; --topbar-h: 66px; --page-px: 2rem; --page-py: 1.75rem;
  --sidebar-bg: linear-gradient(180deg, #13274E 0%, #1C3566 100%); --sidebar-text: #C5D0E6; --sidebar-hover: rgba(255, 255, 255, .07);
  --sidebar-active: rgba(255, 255, 255, .13); --sidebar-active-text: #fff;
  --brand-mark-bg: #fff; --brand-mark-color: #13274E;
  /* eski site.css / sayfa css'leri bu adları kullanıyor */
  --th-primary: #13274E; --th-primary-active: #394867; --th-primary-light: #9ba8b4; --th-primary-inverse: #ffffff;
  --th-sidebar-bg: #F8FAFB; --th-sidebar-text: #13274E; --th-sidebar-active: #E8F4FD; --th-sidebar-hover: #F1F8FF;
  --th-header-bg: #FFFFFF; --th-accent: #394867; --th-text-muted: #9ba8b4; --th-border: #E9ECEF; --th-shadow: 0 2px 12px rgba(19, 39, 78, 0.08);
}