/*
 * --brand-* kurum (tenant) temasıdır; kurum yalnız taban rengi seçer, ölçek
 * sunucuda türetilir ve --on-brand ile metin kontrastı en az 4.5:1 tutulur.
 * --success/--warning/--danger/--info kurumdan bağımsızdır, değiştirilemez.
 */
:root {
  color-scheme: light;
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --brand-700: #3b1a5c;
  --brand-600: #6b2fa0;
  --brand-100: #e9d8f5;
  --brand-50: #f7f4fa;
  --on-brand: #ffffff;
  --accent-600: #f2b705;

  --canvas: #f7f4fa;
  --surface: #ffffff;
  --surface-subtle: #f9fafa;
  --surface-hover: #f3f6f7;
  --border: #dfe5e7;
  --border-strong: #cbd5d9;

  --text: #172126;
  --text-secondary: #56676f;
  --text-muted: #7a8a91;
  --text-inverse: #ffffff;

  --success: #147a55;
  --success-bg: #eaf6f0;
  --warning: #9a6700;
  --warning-bg: #fff6dc;
  --danger: #b93838;
  --danger-bg: #fdecec;
  --info: #246a9b;
  --info-bg: #eaf3fa;

  --focus-ring: 0 0 0 3px rgba(107, 47, 160, 0.28);
  --shadow-popover: 0 12px 32px rgba(23, 33, 38, 0.13);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --sidebar-width: 232px;
  --topbar-height: 56px;
  --control-height: 36px;
  --table-row-height: 40px;
  --space-page: 20px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand-700: #e4d0f5;
  --brand-600: #c9a0e8;
  --brand-100: #3b1a5c;
  --brand-50: #2a143f;
  --on-brand: #1a1226;

  --canvas: #0f1518;
  --surface: #172024;
  --surface-subtle: #1c272c;
  --surface-hover: #223036;
  --border: #2c3a40;
  --border-strong: #415159;

  --text: #f3f7f8;
  --text-secondary: #b8c4c8;
  --text-muted: #829298;

  --success: #65c59b;
  --success-bg: #19382d;
  --warning: #e0b34b;
  --warning-bg: #3d3218;
  --danger: #ee8585;
  --danger-bg: #442323;
  --info: #78b9e5;
  --info-bg: #1d3444;

  --shadow-popover: 0 12px 32px rgba(0, 0, 0, 0.35);
}