/**
 * Generated by design-tokens (Style Dictionary). Do not edit by hand.
 * Change tokens/*.tokens.json and run `npm run build` in Cloud/design-tokens.
 */

:root {
  --kb-color-surface-sunken: #010309; /** Drawer, sidebar, wells (elevation.surface.sunken) */
  --kb-color-surface-default: #040b1a; /** Page background (elevation.surface) */
  --kb-color-surface-raised: #09152c; /** Cards (elevation.surface.raised) */
  --kb-color-surface-overlay: #102245; /** Menus, dialogs, quiet buttons (elevation.surface.overlay) */
  --kb-color-border-default: #193365; /** Decorative borders and dividers (color.border) */
  --kb-color-border-bold: #82868e; /** Borders that carry meaning (color.border.bold) */
  --kb-color-border-focused: #679cff; /** Focus ring, selected outline */
  --kb-color-text-default: #f8fafe; /** Body text */
  --kb-color-text-subtle: #cdd1d9; /** Secondary text */
  --kb-color-text-subtlest: #9a9fa6; /** Hints, captions */
  --kb-color-text-inverse: #13161c; /** Text on bold brand, danger, success and warning fills */
  --kb-color-text-on-warning: #13161c; /** Text on warning background */
  --kb-color-text-brand: #679cff; /** Brand text */
  --kb-color-text-danger: #fa6863; /** Error text */
  --kb-color-link-default: #679cff; /** Links */
  --kb-color-brand-subtlest: #09152c; /** Selected rows and tiles */
  --kb-color-brand-bold: #679cff; /** Brand and accent (primary buttons) */
  --kb-color-brand-bold-hovered: #90b7ff;
  --kb-color-brand-bold-pressed: #b9d2ff;
  --kb-color-brand-logo-agens: #6d92d6; /** Logo word Agens */
  --kb-color-brand-logo-town: #eef4fe; /** Logo word Town */
  --kb-color-brand-glow: #2454b3; /** Hero glow, gradient stop (brand.gradient.dawn) */
  --kb-color-danger-bold: #fa6863; /** Destructive actions */
  --kb-color-status-success: #28bc5e;
  --kb-color-status-warning: #d38f00;
  --kb-color-status-info: #679cff;
  --kb-color-status-discovery: #b39df0;
  --kb-space-100: 8px;
  --kb-space-150: 12px;
  --kb-space-200: 16px;
  --kb-space-300: 24px;
  --kb-space-400: 32px;
  --kb-space-050: 4px;
  --kb-radius-default: 8px; /** Cards, buttons, fields (AgensTown radius.200) */
  --kb-radius-small: 4px; /** Chips, inputs inside dense lists (radius.100) */
  --kb-breakpoint-mobile: 0px;
  --kb-breakpoint-tablet: 600px;
  --kb-breakpoint-desktop: 1024px;
  --kb-font-family-base: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /** Inter first, system fonts as fallback */
  --kb-font-family-display: Poppins, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /** Headings and the logo (AgensTown display face, self-hosted) */
  --kb-font-size-xs: 12px;
  --kb-font-size-sm: 14px;
  --kb-font-size-md: 16px;
  --kb-font-size-lg: 20px;
  --kb-font-size-xl: 28px;
  --kb-font-size-xxl: 40px;
  --kb-font-weight-regular: 400;
  --kb-font-weight-medium: 500;
  --kb-font-weight-semibold: 600;
  --kb-font-weight-bold: 700;
}