:root {
  color-scheme: light;
  --font-ui: "Segoe UI", Tahoma, Arial, sans-serif;
  --bg-canvas: #edf2ff;
  --bg-shell: #f7f9fc;
  --bg-elevated: #ffffff;
  --bg-muted: #eef2ff;
  --bg-accent-soft: #e0e7ff;
  --text-primary: #15213d;
  --text-secondary: #53607f;
  --text-soft: #74819f;
  --border-soft: #d7def0;
  --border-strong: #bdc8e6;
  --primary: #3457d5;
  --primary-strong: #213db2;
  --primary-contrast: #ffffff;
  --accent-live: #00a3a3;
  --success: #1b8f5f;
  --warning: #d17f1f;
  --danger: #cc425c;
  --info: #2378c8;
  --shadow-soft: 0 16px 40px rgba(46, 72, 138, 0.12);
  --shadow-panel: 0 22px 60px rgba(35, 53, 107, 0.14);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --topbar-height: 80px;
  --sidebar-width: 310px;
  --content-max: 1520px;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --duration-fast: 140ms;
  --duration-normal: 220ms;
  --duration-slow: 320ms;
  --bg: var(--bg-shell);
  --surface: var(--bg-elevated);
  --surface-2: var(--bg-muted);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --border: var(--border-soft);
  --shadow: var(--shadow-soft);

  /* تباين متسق للجداول والصفوف */
  --table-header-bg: color-mix(in srgb, var(--bg-muted) 88%, var(--primary) 12%);
  --table-row-hover: color-mix(in srgb, var(--primary) 8%, var(--bg-elevated) 92%);
  --table-row-alt: color-mix(in srgb, var(--bg-muted) 45%, var(--bg-elevated) 55%);

  /* DataTables: قيم RGB تُستخدم داخل rgba(var(--dt-row-hover), a) */
  --dt-row-hover-rgb: 52, 87, 213;
  --dt-row-stripe-rgb: 228, 232, 242;
  --dt-row-selected-rgb: 52, 87, 213;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg-canvas: #07111f;
  --bg-shell: #0c1628;
  --bg-elevated: #121e34;
  --bg-muted: #16243f;
  --bg-accent-soft: #1d2d54;
  --text-primary: #edf2ff;
  --text-secondary: #b5c0dc;
  --text-soft: #8e9dbc;
  --border-soft: #213252;
  --border-strong: #31446d;
  --primary: #6c89ff;
  --primary-strong: #8fa4ff;
  --primary-contrast: #081121;
  --accent-live: #35d4d4;
  --success: #3cc98b;
  --warning: #f5b34c;
  --danger: #ff718f;
  --info: #68b9ff;
  --shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.28);
  --shadow-panel: 0 24px 64px rgba(0, 0, 0, 0.34);

  --table-header-bg: color-mix(in srgb, var(--bg-muted) 78%, var(--primary) 22%);
  --table-row-hover: color-mix(in srgb, var(--primary) 10%, var(--bg-elevated) 90%);
  --table-row-alt: color-mix(in srgb, var(--bg-muted) 55%, var(--bg-elevated) 45%);

  --dt-row-hover-rgb: 108, 137, 255;
  --dt-row-stripe-rgb: 255, 255, 255;
  --dt-row-selected-rgb: 108, 137, 255;
}