:root {
  color-scheme: light;

  --yt-color-canvas: #f5f7fb;
  --yt-color-surface: #ffffff;
  --yt-color-surface-subtle: #f7f8fb;
  --yt-color-surface-brand: #f2f3ff;
  --yt-color-text: #142033;
  --yt-color-text-muted: #667085;
  --yt-color-text-inverse: #ffffff;
  --yt-color-border: #e5eaf1;
  --yt-color-border-control: #8a94a6;
  --yt-color-navigation: #101827;
  --yt-color-navigation-text: #aeb9ca;
  --yt-color-brand: #5b5cf0;
  --yt-color-brand-strong: #4849d8;
  --yt-color-brand-soft: #eef0ff;
  --yt-color-success: #087d50;
  --yt-color-success-surface: #e8f8f1;
  --yt-color-warning: #946600;
  --yt-color-warning-surface: #fff7df;
  --yt-color-danger: #b82f40;
  --yt-color-danger-surface: #fff0f1;
  --yt-color-neutral: #667386;
  --yt-color-neutral-surface: #eff2f6;

  --yt-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --yt-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --yt-font-size-xs: 0.75rem;
  --yt-font-size-sm: 0.875rem;
  --yt-font-size-md: 1rem;
  --yt-font-size-lg: 1.25rem;
  --yt-font-size-xl: 1.75rem;
  --yt-line-height-tight: 1.25;
  --yt-line-height-normal: 1.5;
  --yt-line-height-relaxed: 1.65;
  --yt-font-weight-medium: 600;
  --yt-font-weight-semibold: 700;
  --yt-font-weight-bold: 800;

  --yt-space-1: 0.25rem;
  --yt-space-2: 0.5rem;
  --yt-space-3: 0.75rem;
  --yt-space-4: 1rem;
  --yt-space-5: 1.25rem;
  --yt-space-6: 1.5rem;
  --yt-space-8: 2rem;
  --yt-space-10: 2.5rem;

  --yt-radius-sm: 0.5rem;
  --yt-radius-md: 0.75rem;
  --yt-radius-lg: 1rem;
  --yt-radius-xl: 1.375rem;
  --yt-radius-pill: 999px;

  --yt-shadow-surface: 0 0.5rem 1.875rem rgb(29 41 69 / 4%);
  --yt-shadow-overlay: 0 1.25rem 2.8125rem rgb(20 32 51 / 13%);
  --yt-shadow-focus: 0 0 0 3px rgb(91 92 240 / 24%);

  --yt-control-height: 2.5rem;
  --yt-content-max: 93.75rem;
  --yt-sidebar-width: 14.5rem;
  --yt-duration-fast: 120ms;
  --yt-duration-normal: 180ms;
  --yt-z-sticky: 10;
  --yt-z-overlay: 100;
  --yt-z-skip-link: 1000;
}