/* Generated from ../tokens.json. Do not edit directly. */
:root,
[data-sb-theme="dark"] {
  color-scheme: dark;
  --sb-color-canvas: #0b0d0f;
  --sb-color-surface: rgb(17 19 22 / 92%);
  --sb-color-surface-translucent: rgb(22 24 28 / 70%);
  --sb-color-surface-hover: rgb(31 34 38 / 82%);
  --sb-color-border-subtle: rgb(255 255 255 / 9%);
  --sb-color-border-focus: rgb(255 255 255 / 16%);
  --sb-color-text-primary: #f5f5f3;
  --sb-color-text-secondary: #a3a5aa;
  --sb-color-text-muted: #6e7177;
  --sb-color-accent: #f6c944;
  --sb-color-accent-hover: #ffd75a;
  --sb-color-accent-on-color: #151617;
  --sb-color-success: #47d97d;
  --sb-color-warning: #efbb42;
  --sb-color-error: #f26c64;
  --sb-space-compact: 8px;
  --sb-space-regular: 12px;
  --sb-space-spacious: 20px;
  --sb-radius-small: 8px;
  --sb-radius-medium: 12px;
  --sb-radius-large: 16px;
  --sb-radius-round: 999px;
  --sb-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  --sb-font-brand: "Poppins", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sb-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --sb-control-light: #ffffff;
  --sb-control-light-hover: #f4f4f2;
  --sb-control-dark: #212121;
  --sb-control-dark-hover: #292929;
  --sb-control-depth: #171717;
  --sb-shadow-elevated: 0 20px 55px rgb(0 0 0 / 45%);
  --sb-duration-fast: 120ms;
  --sb-duration-regular: 180ms;
}