@layer tokens {
  :root {
    color-scheme: light;
    --cp-color-primary-050: #eef5ff;
    --cp-color-primary-100: #dbeafe;
    --cp-color-primary-200: #bfd8ff;
    --cp-color-primary-600: #1768e5;
    --cp-color-primary-700: #1254bd;
    --cp-color-primary-800: #123f86;

    --cp-color-ink-950: #142033;
    --cp-color-ink-800: #263348;
    --cp-color-ink-700: #344054;
    --cp-color-ink-600: #475467;
    --cp-color-ink-500: #667085;
    --cp-color-ink-400: #98a2b3;

    --cp-color-canvas: #f7f9fc;
    --cp-color-surface: #ffffff;
    --cp-color-surface-subtle: #fbfcfe;
    --cp-color-border: #e4e9f0;
    --cp-color-border-strong: #cfd7e3;

    --cp-color-success-050: #ecfdf3;
    --cp-color-success-200: #abefc6;
    --cp-color-success-700: #067647;
    --cp-color-warning-050: #fffaeb;
    --cp-color-warning-200: #fedf89;
    --cp-color-warning-700: #b54708;
    --cp-color-danger-050: #fef3f2;
    --cp-color-danger-200: #fecdca;
    --cp-color-danger-700: #b42318;
    --cp-color-info-050: #eff8ff;
    --cp-color-info-200: #b2ddff;
    --cp-color-info-700: #175cd3;

    --cp-color-backdrop: rgb(15 23 42 / 46%);
    --cp-focus-ring: 0 0 0 3px rgb(23 104 229 / 28%);

    --cp-font-sans: Inter, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cp-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --cp-text-xs: 0.75rem;
    --cp-text-sm: 0.8125rem;
    --cp-text-md: 0.875rem;
    --cp-text-lg: 1rem;
    --cp-text-xl: 1.125rem;
    --cp-text-title: clamp(1.5rem, 1.25rem + 0.5vw, 2rem);

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

    --cp-radius-sm: 0.375rem;
    --cp-radius-md: 0.5rem;
    --cp-radius-lg: 0.625rem;
    --cp-radius-pill: 999px;

    --cp-shadow-menu: 0 14px 38px rgb(16 24 40 / 14%), 0 3px 10px rgb(16 24 40 / 8%);
    --cp-shadow-drawer: -16px 0 48px rgb(16 24 40 / 18%);

    --cp-topbar-height: 3rem;
    --cp-sidebar-width: 15.75rem;
    --cp-sidebar-collapsed-width: 4.75rem;
    --cp-context-width: 19rem;
    --cp-drawer-width: 40rem;
    --cp-content-max: 112rem;
    --cp-control-height: 2.5rem;
    --cp-transition-fast: 160ms ease;
  }
}