@media (prefers-color-scheme: dark) {
  :root {
    --bg: oklch(0.100 0 90);
    --bg-elevated: oklch(0.145 0 90);
    --text-primary: oklch(0.930 0 90);
    --text-secondary: oklch(0.750 0 90);
    --text-tertiary: oklch(0.550 0 90);
    --accent: oklch(0.500 0.204 43.5);
    --accent-hover: oklch(0.555 0.204 43.5);
    --accent-on-dark: oklch(0.696 0.204 43.5);
    --surface: oklch(0.190 0 90);
    --surface-hover: oklch(0.235 0 90);
    --border: oklch(1.000 0 90 / 0.06);
    --border-strong: oklch(1.000 0 90 / 0.1);
    --nav-bg: oklch(0.100 0 90 / 0.85);
    --shadow-sm: 0 1px 2px oklch(0.000 0 0 / 0.2);
    --shadow-md: 0 4px 12px oklch(0.000 0 0 / 0.3);
    --shadow-cta-hover: 0 6px 20px oklch(0.000 0 0 / 0.5);
    --shadow-btn-accent: 0 1px 4px oklch(0.000 0 0 / 0.35);
    --shadow-card-border: inset 0 0 0 1.5px oklch(1.000 0 90 / 0.08);
    --green: oklch(0.800 0.180 150);
    --chat-me-bg: oklch(0.280 0.005 270);
    --chat-me-color: var(--text-primary);
    --chat-client-bg-dark: oklch(0.600 0.204 43.5);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .works__photo {
    animation: none !important;
    opacity: 0;
    filter: blur(10px);
  }

  .works__photo:nth-child(1) {
    opacity: 1;
    filter: blur(0px);
  }
}