/* AUTO-GENERATED FILE. Do not edit directly. */
/* Source: WoDVTT.Web.Assets/tokens/theme.tokens.json */

:root {
  --rz-base-background-color: var(--wod-bg-page);
  --rz-body-font-family: 'Segoe UI', system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --rz-border-color: var(--wod-border-default);
  --rz-border-radius: var(--wod-radius-md);
  --rz-card-shadow: var(--wod-shadow-sm);
  --rz-danger: var(--wod-action-danger-bg);
  --rz-dialog-shadow: var(--wod-shadow-md);
  --rz-heading-font-family: 'Cinzel', Georgia, 'Times New Roman', serif;
  --rz-info: var(--wod-action-info-bg);
  --rz-primary: var(--wod-action-primary-bg);
  --rz-primary-light: var(--wod-primary-subtle);
  --rz-primary-lighter: var(--wod-primary-subtle);
  --rz-secondary-background-color: var(--wod-bg-surface);
  --rz-success: var(--wod-action-success-bg);
  --rz-text-color: var(--wod-text-primary);
  --rz-text-disabled-color: var(--wod-text-disabled);
  --rz-text-secondary-color: var(--wod-text-secondary);
  --rz-warning: var(--wod-action-warning-bg);
  --wod-action-danger-bg: var(--wod-error);
  --wod-action-info-bg: var(--wod-info);
  --wod-action-primary-bg: var(--wod-primary);
  --wod-action-primary-hover: var(--wod-primary-hover);
  --wod-action-secondary-bg: var(--wod-secondary);
  --wod-action-success-bg: var(--wod-success);
  --wod-action-warning-bg: var(--wod-warning);
  --wod-bg-page: var(--wod-surface);
  --wod-bg-surface: var(--wod-surface-elevated);
  --wod-border-default: var(--wod-surface-border);
  --wod-color-on-accent: #fff;
  --wod-error: var(--ap-semantic-error);
  --wod-focus-ring-color: var(--wod-primary);
  --wod-focus-ring-offset: 2px;
  --wod-focus-ring-width: 2px;
  --wod-info: var(--ap-semantic-info);
  --wod-motion-duration-base: 180ms;
  --wod-motion-duration-fast: 120ms;
  --wod-motion-duration-slow: 260ms;
  --wod-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --wod-overlay-bg: var(--ap-overlay-bg);
  --wod-primary: var(--ap-action-primary);
  --wod-primary-hover: var(--ap-action-primary-hover);
  --wod-primary-subtle: var(--ap-action-primary-subtle);
  --wod-radius-full: 9999px;
  --wod-radius-lg: 10px;
  --wod-radius-md: 6px;
  --wod-radius-sm: 4px;
  --wod-secondary: var(--ap-action-secondary);
  --wod-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
  --wod-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.55);
  --wod-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.4);
  --wod-space-1: 0.25rem;
  --wod-space-12: 3rem;
  --wod-space-2: 0.5rem;
  --wod-space-3: 0.75rem;
  --wod-space-4: 1rem;
  --wod-space-6: 1.5rem;
  --wod-space-8: 2rem;
  --wod-state-active-opacity: 0.78;
  --wod-state-disabled-opacity: 0.5;
  --wod-state-hover-opacity: 0.88;
  --wod-success: var(--ap-semantic-success);
  --wod-surface: var(--ap-bg-page);
  --wod-surface-border: var(--ap-bg-border);
  --wod-surface-elevated: var(--ap-bg-elevated);
  --wod-text: var(--ap-text-default);
  --wod-text-2xl: 1.5rem;
  --wod-text-3xl: 1.875rem;
  --wod-text-4xl: 2.25rem;
  --wod-text-base: 1rem;
  --wod-text-disabled: var(--ap-text-disabled);
  --wod-text-lg: 1.125rem;
  --wod-text-muted: var(--ap-text-muted);
  --wod-text-on-accent: var(--wod-color-on-accent);
  --wod-text-primary: var(--wod-text);
  --wod-text-secondary: var(--wod-text-muted);
  --wod-text-sm: 0.875rem;
  --wod-text-xl: 1.25rem;
  --wod-text-xs: 0.75rem;
  --wod-warning: var(--ap-semantic-warning);
}