/* IT Helpdesk V15 — Enterprise design tokens */
:root {
  color-scheme: light;

  --ui-canvas: #f3f6fa;
  --ui-canvas-strong: #edf2f7;
  --ui-surface: #ffffff;
  --ui-surface-muted: #f8fafc;
  --ui-surface-raised: #ffffff;
  --ui-surface-inverse: #0f172a;

  --ui-text: #172033;
  --ui-text-strong: #0f172a;
  --ui-text-soft: #475569;
  --ui-text-muted: #7b8798;
  --ui-text-inverse: #f8fafc;

  --ui-brand: #e5552f;
  --ui-brand-hover: #cc4323;
  --ui-brand-active: #b83a1e;
  --ui-brand-soft: #fff1ec;
  --ui-brand-ring: rgba(229, 85, 47, .20);

  --ui-navy: #101828;
  --ui-navy-soft: #17243a;
  --ui-blue: #2563eb;
  --ui-blue-soft: #eff6ff;
  --ui-cyan: #0891b2;
  --ui-success: #0f9f6e;
  --ui-success-soft: #ecfdf5;
  --ui-warning: #d97706;
  --ui-warning-soft: #fffbeb;
  --ui-danger: #dc2626;
  --ui-danger-soft: #fef2f2;
  --ui-info: #2563eb;
  --ui-info-soft: #eff6ff;

  --ui-border: #e2e8f0;
  --ui-border-strong: #cbd5e1;
  --ui-divider: #edf1f5;

  --ui-radius-xs: 8px;
  --ui-radius-sm: 10px;
  --ui-radius-md: 14px;
  --ui-radius-lg: 18px;
  --ui-radius-xl: 24px;
  --ui-radius-pill: 999px;

  --ui-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
  --ui-shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);
  --ui-shadow-md: 0 14px 38px rgba(15, 23, 42, .09);
  --ui-shadow-lg: 0 24px 70px rgba(15, 23, 42, .16);

  --ui-focus: 0 0 0 3px var(--ui-brand-ring);
  --ui-control-h: 44px;
  --ui-header-h: 72px;
  --ui-sidebar-w: 288px;
  --ui-sidebar-collapsed-w: 84px;
  --ui-content-max: 1680px;

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;

  --ui-ease: cubic-bezier(.2, .8, .2, 1);
  --ui-transition: 180ms var(--ui-ease);

  /* Compatibility aliases used by legacy feature modules. */
  --bg-primary: var(--ui-canvas);
  --bg-secondary: var(--ui-surface);
  --bg-card: var(--ui-surface);
  --bg-card-hover: var(--ui-surface-muted);
  --bg-input: var(--ui-surface-muted);
  --text-primary: var(--ui-text);
  --text-secondary: var(--ui-text-soft);
  --text-muted: var(--ui-text-muted);
  --accent: var(--ui-brand);
  --accent-light: #f17655;
  --accent-dark: var(--ui-brand-hover);
  --accent-glow: var(--ui-brand-soft);
  --accent-glow2: rgba(229, 85, 47, .05);
  --accent-2: var(--ui-blue);
  --border: var(--ui-border);
  --border-light: var(--ui-border);
  --danger: var(--ui-danger);
  --danger-bg: var(--ui-danger-soft);
  --success: var(--ui-success);
  --success-bg: var(--ui-success-soft);
  --warning: var(--ui-warning);
  --warning-bg: var(--ui-warning-soft);
  --info: var(--ui-info);
  --info-bg: var(--ui-info-soft);
  --sidebar-w: var(--ui-sidebar-w);
  --header-h: var(--ui-header-h);
  --radius: var(--ui-radius-md);
  --radius-sm: var(--ui-radius-sm);
  --radius-xs: var(--ui-radius-xs);
  --shadow: var(--ui-shadow-xs);
  --shadow-lg: var(--ui-shadow-md);
  --transition: var(--ui-transition);
}