/**
 * Tezway HR — Enterprise design tokens (light + dark).
 * Single source of truth; page CSS should reference --hr-* vars.
 */
:root,
[data-theme="light"],
[data-theme-mode="light"] {
  color-scheme: light;

  /* Canvas & surfaces */
  --hr-canvas: #f0f1f4;
  --hr-bg: #f0f1f4;
  --hr-surface: #ffffff;
  --hr-surface-muted: #f4f4f5;
  --hr-surface-nested: #e4e4e7;
  --hr-input: #f4f4f5;
  --hr-border: #e4e4e7;

  /* Text */
  --hr-text: #09090b;
  --hr-text-secondary: #52525b;
  --hr-text-muted: #71717a;

  /* Brand — burgundy */
  --hr-primary: #a20943;
  --hr-primary-hover: #830736;
  --hr-primary-light: #c41e5a;
  --hr-primary-soft: rgba(162, 9, 67, 0.1);
  --hr-primary-dark: #830736;

  /* Semantic */
  --hr-success: #047857;
  --hr-success-bg: #ecfdf5;
  --hr-warning: #b45309;
  --hr-warning-bg: #fef3c7;
  --hr-error: #b91c1c;
  --hr-error-bg: #fef2f2;
  --hr-muted-bg: #f4f4f5;

  /* Layout */
  --hr-radius: 14px;
  --hr-radius-sm: 8px;
  --hr-radius-compact: 12px;
  --hr-sidebar-width: 240px;

  /* Shadows */
  --hr-shadow: 0 8px 24px rgba(9, 9, 11, 0.06);
  --hr-shadow-sm: 0 2px 8px rgba(9, 9, 11, 0.04);

  /* Sidebar (light) */
  --hr-sidebar-bg: #ffffff;
  --hr-sidebar-border: #e4e4e7;
  --hr-sidebar-text: #52525b;
  --hr-sidebar-text-hover: #09090b;
  --hr-sidebar-caption: #a1a1aa;
  --hr-sidebar-active-bg: #a20943;
  --hr-sidebar-active-text: #ffffff;
  --hr-sidebar-hover-bg: #f4f4f5;

  /* Row hover */
  --hr-row-hover: #f4f4f5;

  /* Chart / track */
  --hr-track: #e4e4e7;
  --hr-grid: #f0f1f4;
}

[data-theme="dark"],
[data-theme-mode="dark"] {
  color-scheme: dark;

  --hr-canvas: #04060c;
  --hr-bg: #04060c;
  --hr-surface: #1f1f1f;
  --hr-surface-muted: #04060c;
  --hr-surface-nested: #3c3c3e;
  --hr-input: #262627;
  --hr-border: #2e2e30;

  --hr-text: #ffffff;
  --hr-text-secondary: #a1a1aa;
  --hr-text-muted: #71717a;

  --hr-primary: #a20943;
  --hr-primary-hover: #830736;
  --hr-primary-light: #d42d6a;
  --hr-primary-soft: rgba(162, 9, 67, 0.22);
  --hr-primary-dark: #830736;

  --hr-success: #34d399;
  --hr-success-bg: rgba(4, 120, 87, 0.18);
  --hr-warning: #fbbf24;
  --hr-warning-bg: rgba(180, 83, 9, 0.18);
  --hr-error: #f87171;
  --hr-error-bg: rgba(185, 28, 28, 0.18);
  --hr-muted-bg: #262627;

  --hr-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  --hr-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);

  --hr-sidebar-bg: #1f1f1f;
  --hr-sidebar-border: #2e2e30;
  --hr-sidebar-text: #a1a1aa;
  --hr-sidebar-text-hover: #ffffff;
  --hr-sidebar-caption: #71717a;
  --hr-sidebar-active-bg: #a20943;
  --hr-sidebar-active-text: #ffffff;
  --hr-sidebar-hover-bg: #3c3c3e;

  --hr-row-hover: #262627;
  --hr-track: #2e2e30;
  --hr-grid: #262627;
}