:root {
  color-scheme: light;

  --pr-space-1: 4px;
  --pr-space-2: 8px;
  --pr-space-3: 12px;
  --pr-space-4: 16px;
  --pr-space-6: 24px;
  --pr-space-8: 32px;
  --pr-space-12: 48px;
  --pr-space-16: 64px;
  --pr-space-20: 80px;
  --pr-space-24: 96px;
  --pr-space-32: 128px;

  --pr-radius-sm: 6px;
  --pr-radius-md: 8px;
  --pr-radius-lg: 12px;
  --pr-radius-full: 9999px;

  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-sticky-cta: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;
  --z-cookie: 800;

  --duration-micro: 150ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --duration-ui: 220ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --duration-complex: 320ms;
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);

  --pr-font-display: Manrope, Arial, sans-serif;
  --pr-font-body: "Golos Text", Arial, sans-serif;

  --pr-color-stone-50: #f3f5f4;
  --pr-color-stone-100: #e4eae7;
  --pr-color-stone-300: #d5dcd8;
  --pr-color-stone-500: #4a5552;
  --pr-color-stone-800: #1c2422;
  --pr-color-blaze-100: #fde8d8;
  --pr-color-blaze-500: #c2410c;
  --pr-color-blaze-600: #9a3412;
  --pr-color-moss-600: #2f6b4f;
  --pr-color-danger-600: #9b1c1c;
  --pr-color-warn-700: #8a5a00;
  --pr-color-paper-0: #fffefc;
  --pr-color-chat-100: #e8f1f8;

  --color-bg-canvas: var(--pr-color-stone-50);
  --color-bg-surface-1: var(--pr-color-paper-0);
  --color-bg-surface-tint: var(--pr-color-blaze-100);
  --color-text-primary: var(--pr-color-stone-800);
  --color-text-secondary: var(--pr-color-stone-500);
  --color-text-inverse: #ffffff;
  --color-border-subtle: var(--pr-color-stone-300);
  --color-border-focus: var(--pr-color-blaze-500);
  --color-action-primary-bg: var(--pr-color-blaze-500);
  --color-action-primary-bg-hover: var(--pr-color-blaze-600);
  --color-action-primary-fg: #ffffff;
  --color-success-base: var(--pr-color-moss-600);
  --color-warning-base: var(--pr-color-warn-700);
  --color-error-base: var(--pr-color-danger-600);
  --color-demo-chat-bg: var(--pr-color-chat-100);

  --button-primary-bg-default: var(--color-action-primary-bg);
  --button-primary-bg-hover: var(--color-action-primary-bg-hover);
  --button-primary-fg-default: var(--color-action-primary-fg);

  --shadow-level-1: 0 1px 3px 0 rgba(28, 36, 34, 0.06), 0 1px 2px 0 rgba(28, 36, 34, 0.04);
  --shadow-level-2: 0 4px 6px -1px rgba(28, 36, 34, 0.08), 0 2px 4px rgba(28, 36, 34, 0.04);
  --shadow-level-3: 0 20px 25px -5px rgba(28, 36, 34, 0.12), 0 8px 10px rgba(28, 36, 34, 0.06);
  --shadow-level-4: 0 25px 50px -12px rgba(28, 36, 34, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
