@layer tokens {
  :root {
    --sk-color-black: #060606;
    --sk-color-white: #ffffff;
    --sk-color-paper: #f9f9f9;
    --sk-color-ink: #060606;
    --sk-color-gray-50: #f9f9f9;
    --sk-color-gray-100: #eeeeee;
    --sk-color-gray-300: #b8b8b8;
    --sk-color-gray-500: #5d5d5d;
    --sk-color-gray-700: #2b2b2b;
    --sk-color-gray-900: #111111;
    --sk-color-blue-600: #1646d2;
    --sk-color-green-600: #0f6b35;
    --sk-color-yellow-500: #765000;
    --sk-color-red-600: #a31515;
    --sk-color-cyan-600: #075d6c;
    --sk-font-sans: "SFMono-Regular", "Cascadia Code", "Roboto Mono", "Liberation Mono", Menlo, Consolas, monospace;
    --sk-font-mono: "Departure Mono", "SFMono-Regular", "Cascadia Code", "Roboto Mono", "Liberation Mono", Menlo, Consolas, monospace;
    --sk-type-size-xs: 0.75rem;
    --sk-type-size-sm: 0.875rem;
    --sk-type-size-md: 1rem;
    --sk-type-size-lg: 1.125rem;
    --sk-type-size-xl: 1.375rem;
    --sk-type-size-2xl: 1.75rem;
    --sk-type-size-3xl: 2.25rem;
    --sk-type-size-4xl: 3rem;
    --sk-type-size-5xl: 5.375rem;
    --sk-type-line-tight: 1.1;
    --sk-type-line-normal: 1.5;
    --sk-type-line-loose: 1.7;
    --sk-type-weight-regular: 400;
    --sk-type-weight-medium: 520;
    --sk-type-weight-bold: 700;
    --sk-space-0: 0;
    --sk-space-1: 0.25rem;
    --sk-space-2: 0.5rem;
    --sk-space-3: 0.75rem;
    --sk-space-4: 1rem;
    --sk-space-5: 1.25rem;
    --sk-space-6: 1.5rem;
    --sk-space-8: 2rem;
    --sk-space-10: 2.5rem;
    --sk-space-12: 3rem;
    --sk-space-16: 4rem;
    --sk-space-20: 5rem;
    --sk-space-24: 6rem;
    --sk-size-content-sm: 42rem;
    --sk-size-content-md: 64rem;
    --sk-size-content-lg: 78rem;
    --sk-size-content-xl: 92rem;
    --sk-size-control-sm: 2rem;
    --sk-size-control-md: 2.5rem;
    --sk-size-control-lg: 3rem;
    --sk-border-0: 0;
    --sk-border-1: 1px;
    --sk-border-2: 2px;
    --sk-border-heavy: 3px;
    --sk-radius-0: 0;
    --sk-radius-1: 2px;
    --sk-radius-2: 4px;
    --sk-radius-3: 6px;
    --sk-shadow-none: none;
    --sk-shadow-hard: none;
    --sk-shadow-hard-sm: none;
    --sk-motion-fast: 120ms;
    --sk-motion-base: 180ms;
    --sk-motion-slow: 260ms;
    --sk-motion-ease: cubic-bezier(.2,0,0,1);
    --sk-z-base: 0;
    --sk-z-dropdown: 20;
    --sk-z-sticky: 30;
    --sk-z-modal: 80;
    --sk-z-toast: 90;
    --sk-focus-width: 2px;
    --sk-focus-offset: 3px;
    --sk-breakpoint-sm: 36rem;
    --sk-breakpoint-md: 48rem;
    --sk-breakpoint-lg: 64rem;
    --sk-breakpoint-xl: 80rem;
    --sk-surface-page: var(--sk-color-paper);
    --sk-surface-raised: var(--sk-color-white);
    --sk-surface-card: var(--sk-color-white);
    --sk-surface-inverse: var(--sk-color-black);
    --sk-surface-subtle: var(--sk-color-white);
    --sk-surface-accent: var(--sk-color-ink);
    --sk-text-primary: var(--sk-color-black);
    --sk-text-secondary: var(--sk-color-gray-700);
    --sk-text-muted: var(--sk-color-gray-500);
    --sk-text-inverse: var(--sk-color-white);
    --sk-text-link: var(--sk-color-black);
    --sk-text-danger: var(--sk-color-red-600);
    --sk-text-success: var(--sk-color-green-600);
    --sk-text-warning: var(--sk-color-yellow-500);
    --sk-action-primary: var(--sk-color-black);
    --sk-action-primary-text: var(--sk-color-white);
    --sk-action-secondary: var(--sk-color-white);
    --sk-action-secondary-text: var(--sk-color-black);
    --sk-action-danger: var(--sk-color-red-600);
    --sk-action-danger-text: var(--sk-color-white);
    --sk-action-ghost: transparent;
    --sk-border-default: var(--sk-color-black);
    --sk-border-subtle: var(--sk-color-gray-300);
    --sk-border-strong: var(--sk-color-black);
    --sk-border-inverse: var(--sk-color-white);
    --sk-focus-ring: var(--sk-color-black);
    --sk-focus-ring-offset: var(--sk-color-paper);
    --sk-shadow-color: var(--sk-color-black);
    --sk-code-surface: var(--sk-color-white);
    --sk-code-text: var(--sk-color-black);
    --sk-code-border: var(--sk-color-black);
    --sk-state-success: var(--sk-color-green-600);
    --sk-state-warning: var(--sk-color-yellow-500);
    --sk-state-danger: var(--sk-color-red-600);
    --sk-state-info: var(--sk-color-cyan-600);
    --sk-component-button-height: var(--sk-size-control-md);
    --sk-component-button-gap: var(--sk-space-2);
    --sk-component-card-padding: var(--sk-space-5);
    --sk-component-card-gap: var(--sk-space-5);
    --sk-component-hero-padding-block: var(--sk-space-6);
    --sk-component-hero-max-width: var(--sk-size-content-lg);
    --sk-component-grid-gap: var(--sk-space-5);
  }
}
