/* Generated from design-tokens/bgn.tokens.json (BGN DS 1.3.22). Do not edit. */
:root {
  --color-primary-900: #06583A;
  --color-primary-800: #0B714D;
  --color-primary-700: #118D62;
  --color-primary-600: #29AE87;
  --color-primary-500: #46E1B4;
  --color-primary-400: #78FFCF;
  --color-primary-300: #B5FFE5;
  --color-primary-200: #D4F6E9;
  --color-primary-100: #E6F5EE;
  --color-neutral-900: #101211;
  --color-neutral-800: #2F3E43;
  --color-neutral-700: #55636B;
  --color-neutral-600: #7F8B96;
  --color-neutral-500: #939EAB;
  --color-neutral-400: #B9C4CE;
  --color-neutral-300: #DCE3EA;
  --color-neutral-200: #ECF1F6;
  --color-neutral-100: #F9FBFD;
  --color-neutral-0: #FFFFFF;
  --color-text-primary: #101211;
  --color-text-body: #55636B;
  --color-text-secondary: #7F8B96;
  --color-text-muted: #939EAB;
  --color-text-disabled: #B9C4CE;
  --color-warning: #FDB72A;
  --color-warning-bg: #FFF9E7;
  --color-warning-text: #8A5A00;
  --color-error: #C61A0B;
  --color-error-bg: #FEECEC;
  --color-error-text: #C62828;
  --color-info: #42A5F5;
  --color-info-bg: #EAF4FF;
  --color-info-text: #1565C0;
  --font-ui: "Geist", "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --text-6xl: 48px;
  --text-5xl: 40px;
  --text-4xl: 32px;
  --text-3xl: 24px;
  --text-2xl: 24px;
  --text-xl: 20px;
  --text-lg: 18px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 12px;
  --text-button: 16px;
  --text-button-small: 14px;
  --text-caption: 12px;
  --line-height-display: 1.15;
  --line-height-heading: 1.25;
  --line-height-body: 1.5;
  --line-height-ui: 1.4;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --shadow-flat: none;
  --shadow-sm: 0 8px 24px rgba(16, 18, 17, 0.04);
  --shadow-md: 0 8px 24px rgba(16, 18, 17, 0.08);
  --shadow-card-hover: 0 4px 20px rgba(0, 168, 89, 0.10);
  --transition-fast: 120ms ease;
  --transition-base: 150ms ease;
  --transition-slow: 180ms ease;
  --icon-xs: 12px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 40px;
  --container-max-width: 1280px;
  --page-padding-desktop: 80px;
  --page-padding-tablet: 40px;
  --page-padding-mobile: 20px;
  --column-gutter: 24px;
  --section-padding-y: 80px;
  --layout-page-gap: 16px;
  --border-default: #DCE3EA;
  --border-subtle: #ECF1F6;
  --border-divider: #F9FBFD;
  --border-interactive: #118D62;
  --surface-border-color: #DCE3EA;
  --shell-border-color: #DCE3EA;
  --table-border-color: #DCE3EA;
  --control-border-color: #DCE3EA;
  --navbar-height: 72px;
  --button-height-small: 24px;
  --button-height-default: 32px;
  --button-height-large: 40px;
  --button-padding-x-default: 20px;
  --button-padding-x-small: 14px;
  --button-padding-x-large: 28px;
  --button-font-size-default: 14px;
  --button-font-weight: 600;
  --button-radius: 8px;
  --button-border-width: 1.5px;
  --button-icon-gap: 7px;
  --form-field-radius: 8px;
  --form-label-font-size: 14px;
  --form-label-font-weight: 600;
  --form-control-font-size: 14px;
  --form-control-font-weight: 400;
  --badge-radius: 8px;
  --product-card-min-height: 230px;
  --product-card-padding: 24px;
  --table-header-font-size: 13px;
  --table-body-font-size: 13px;
  --table-cell-padding-x: 24px;
  --table-cell-padding-y: 16px;
  --density-compact-control-height: 32px;
  --density-default-control-height: 36px;
  --density-default-row-height: 52px;
  --focus-ring-color: #118D62;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}