:root {
  /* IDSA global color tokens */
  --idsa-color-primary: #1f4ed8;
  --idsa-color-primary-strong: #173da8;
  --idsa-color-secondary: #0f6a73;
  --idsa-color-surface: #ffffff;
  --idsa-color-surface-muted: #f7f9fc;
  --idsa-color-canvas: #eef3f9;
  --idsa-color-border: #d6e0ed;
  --idsa-color-border-strong: #a7b7cc;
  --idsa-text-primary: #0f1f34;
  --idsa-text-secondary: #445a78;
  --idsa-text-muted: #607590;
  --idsa-text-inverse: #ffffff;

  /* IDSA state tokens */
  --idsa-state-success: #1f8a4c;
  --idsa-state-success-bg: #ecfaf2;
  --idsa-state-warning: #9a5a00;
  --idsa-state-warning-bg: #fff6e9;
  --idsa-state-error: #b02222;
  --idsa-state-error-bg: #fff0f0;
  --idsa-state-info: #0d5db8;
  --idsa-state-info-bg: #eef6ff;

  /* IDSA spacing scale */
  --idsa-space-0: 0;
  --idsa-space-1: 4px;
  --idsa-space-2: 8px;
  --idsa-space-3: 12px;
  --idsa-space-4: 16px;
  --idsa-space-5: 20px;
  --idsa-space-6: 24px;
  --idsa-space-7: 32px;
  --idsa-space-8: 40px;
  --idsa-space-9: 48px;

  /* IDSA radius scale */
  --idsa-radius-0: 0;
  --idsa-radius-1: 4px;
  --idsa-radius-2: 8px;
  --idsa-radius-3: 12px;
  --idsa-radius-4: 16px;
  --idsa-radius-pill: 999px;

  /* IDSA shadow scale */
  --idsa-shadow-0: none;
  --idsa-shadow-1: 0 1px 2px rgba(15, 31, 52, 0.08);
  --idsa-shadow-2: 0 6px 14px rgba(15, 31, 52, 0.1);
  --idsa-shadow-3: 0 12px 28px rgba(15, 31, 52, 0.12);

  /* IDSA typography scale */
  --idsa-font-family-base: "Segoe UI", system-ui, -apple-system, sans-serif;
  --idsa-font-size-1: 12px;
  --idsa-font-size-2: 13px;
  --idsa-font-size-3: 14px;
  --idsa-font-size-4: 16px;
  --idsa-font-size-5: 18px;
  --idsa-font-size-6: 20px;
  --idsa-font-size-7: 24px;
  --idsa-font-size-8: 30px;
  --idsa-line-height-1: 1.25;
  --idsa-line-height-2: 1.4;
  --idsa-line-height-3: 1.55;

  /* IDSA z-index scale */
  --idsa-z-base: 1;
  --idsa-z-sticky: 20;
  --idsa-z-dropdown: 120;
  --idsa-z-drawer: 300;
  --idsa-z-modal: 500;
  --idsa-z-toast: 700;

  /* IDSA breakpoints */
  --idsa-breakpoint-mobile: 767px;
  --idsa-breakpoint-tablet: 1023px;
  --idsa-breakpoint-desktop: 1280px;

  /* Compatibility aliases for existing UI stack */
  --primary: var(--idsa-color-primary);
  --surface: var(--idsa-color-surface);
  --border: var(--idsa-color-border);
  --text: var(--idsa-text-primary);
  --muted: var(--idsa-text-secondary);
  --success: var(--idsa-state-success);
  --warning: var(--idsa-state-warning);
  --danger: var(--idsa-state-error);
}