/**
 * Wizard design tokens (lk-authors-client palette).
 * Additive layer — does not override legacy :root vars in template.css.
 */
:root {
  /* Colors — base */
  --wz-color-transparent: transparent;
  --wz-color-white: #ffffff;
  --wz-color-black: #000000;

  /* Brand & primary */
  --wz-color-primary: #00246e;
  --wz-color-primary-light: #284e9a;
  --wz-color-primary-hover: color-mix(in srgb, var(--wz-color-white) 18%, var(--wz-color-primary));
  --wz-color-primary-surface-hover: color-mix(in srgb, var(--wz-color-primary) 10%, var(--wz-color-white));
  --wz-color-text-muted-hover: color-mix(in srgb, var(--wz-color-white) 22%, var(--wz-color-text-muted));
  --wz-color-link: #0a71cc;
  --wz-color-accent: #10c9d3;
  --wz-color-accent-hover: color-mix(in srgb, var(--wz-color-white) 22%, var(--wz-color-accent));
  --wz-color-accent-alt: #4318ff;

  /* Semantic */
  --wz-color-error: #ff7576;
  --wz-color-success: rgb(84, 161, 32);
  --wz-color-warning: #ffbb4f;

  /* Backgrounds */
  --wz-color-bg: #f1f2f6;
  --wz-color-bg-subtle: #f8f8f8;
  --wz-color-bg-muted: #f7f7f7;

  /* Text */
  --wz-color-text: #101828;
  --wz-color-text-body: #262626;
  --wz-color-text-muted: #667085;
  --wz-color-text-secondary: #7a828a;
  --wz-color-text-nav: #3b4b64;
  --wz-color-text-nav-muted: #627293;
  --wz-color-text-strong: #444444;

  /* Icons & borders */
  --wz-color-icon: #8f9bba;
  --wz-color-icon-muted: #bababa;
  --wz-color-border: #d0d5dd;
  --wz-color-border-light: #e0e5f2;
  --wz-color-border-muted: #a3aed0;

  /* Rare / utility */
  --wz-color-yellow: #ffe81a;
  --wz-color-moody-blue: #8884d8;
  --wz-color-whisper: #eeeeee;
  --wz-color-cello: #3b4b64;

  /* Typography */
  --wz-font-family: 'Inter', 'Arial', sans-serif;
  --wz-font-family-brand: 'Inter', 'Arial', sans-serif;

  --wz-font-size-body: 16px;
  --wz-font-size-label: 14px;
  --wz-font-size-small: 12px;
  --wz-font-size-h1: 32px;
  --wz-font-size-h2: 24px;
  --wz-font-size-h3: 20px;

  --wz-font-weight-normal: 400;
  --wz-font-weight-medium: 500;
  --wz-font-weight-semibold: 600;
  --wz-font-weight-bold: 700;

  --wz-line-height-body: 1.5;
  --wz-line-height-tight: 1.25;

  /* Radii */
  --wz-radius-sm: 8px;
  --wz-radius-md: 10px;
  --wz-radius-full: 9999px;

  /* Spacing */
  --wz-space-xs: 4px;
  --wz-space-sm: 8px;
  --wz-space-md: 12px;
  --wz-space-lg: 24px;
  --wz-space-xl: 32px;

  /* Controls */
  --wz-input-height: 48px;
  --wz-button-height: 48px;

  /* Focus */
  --wz-focus-ring: 0 0 0 3px rgba(10, 113, 204, 0.25);

  /* Transitions */
  --wz-transition-fast: 0.15s ease;
  --wz-transition-base: 0.2s ease;

  /* Elevation */
  --wz-shadow-sm: 0 1px 4px rgba(0, 36, 110, 0.08);
  --wz-shadow-card: 0 2px 10px rgba(0, 36, 110, 0.1);
  --wz-shadow-md: 0 4px 16px rgba(0, 36, 110, 0.12);
}