/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-brand-primary: #0f62fe; /** Blue 60 - Primary action color */
  --color-brand-primary-hover: #0353e9; /** Blue 60 hover */
  --color-brand-primary-active: #002d9c; /** Blue 80 - Active state */
  --color-ui-background: #ffffff; /** White theme - Global background */
  --color-ui-background-alt: #f4f4f4; /** Gray 10 - Alternate background */
  --color-ui-01: #f4f4f4; /** Gray 10 - Primary container background */
  --color-ui-02: #ffffff; /** White - Secondary container background */
  --color-ui-03: #e0e0e0; /** Gray 20 - Subtle border, tertiary background */
  --color-ui-04: #8d8d8d; /** Gray 50 - Medium contrast border */
  --color-ui-05: #161616; /** Gray 100 - High contrast border */
  --color-text-primary: #161616; /** Gray 100 - Primary text */
  --color-text-secondary: #525252; /** Gray 70 - Secondary text */
  --color-text-placeholder: #a8a8a8; /** Gray 40 - Placeholder text */
  --color-text-on-color: #ffffff; /** White - Text on interactive colors */
  --color-text-error: #da1e28; /** Red 60 - Error text */
  --color-link-primary: #0f62fe; /** Blue 60 - Primary links */
  --color-link-primary-hover: #0043ce; /** Blue 70 - Link hover */
  --color-support-error: #da1e28; /** Red 60 - Error */
  --color-support-success: #24a148; /** Green 60 - Success */
  --color-support-warning: #f1c21b; /** Yellow 30 - Warning */
  --color-support-info: #0f62fe; /** Blue 60 - Information */
  --color-interactive-primary: #0f62fe; /** Blue 60 - Primary interactive elements */
  --color-interactive-secondary: #393939; /** Gray 80 - Secondary interactive elements */
  --color-interactive-tertiary: #0f62fe; /** Blue 60 - Tertiary interactive elements */
  --color-interactive-danger: #da1e28; /** Red 60 - Danger interactive elements */
  --color-focus: #0f62fe; /** Blue 60 - Focus indicator */
  --color-disabled-01: #f4f4f4; /** Gray 10 - Disabled background */
  --color-disabled-02: #c6c6c6; /** Gray 30 - Disabled text/border */
  --color-inverse-link: #78a9ff; /** Blue 40 - Link on dark backgrounds */
  --color-inverse-support-error: #ff8389; /** Red 40 - Error on dark backgrounds */
  --color-inverse-support-success: #42be65; /** Green 50 - Success on dark backgrounds */
  --color-gray-10: #f4f4f4;
  --color-gray-20: #e0e0e0;
  --color-gray-30: #c6c6c6;
  --color-gray-40: #a8a8a8;
  --color-gray-50: #8d8d8d;
  --color-gray-60: #6f6f6f;
  --color-gray-70: #525252;
  --color-gray-80: #393939;
  --color-gray-90: #262626;
  --color-gray-100: #161616;
  --color-blue-10: #edf5ff;
  --color-blue-20: #d0e2ff;
  --color-blue-30: #a6c8ff;
  --color-blue-40: #78a9ff;
  --color-blue-50: #4589ff;
  --color-blue-60: #0f62fe;
  --color-blue-70: #0043ce;
  --color-blue-80: #002d9c;
  --color-blue-90: #001d6c;
  --color-blue-100: #001141;
  --spacing-10: 4rem; /** 64px */
  --spacing-11: 5rem; /** 80px */
  --spacing-12: 6rem; /** 96px */
  --spacing-01: 0.125rem; /** 2px - Smallest spacing */
  --spacing-02: 0.25rem; /** 4px */
  --spacing-03: 0.5rem; /** 8px */
  --spacing-04: 0.75rem; /** 12px */
  --spacing-05: 1rem; /** 16px - Base unit */
  --spacing-06: 1.5rem; /** 24px */
  --spacing-07: 2rem; /** 32px */
  --spacing-08: 2.5rem; /** 40px */
  --spacing-09: 3rem; /** 48px */
  --font-family-sans: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; /** Primary sans-serif font stack */
  --font-family-mono: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; /** Monospace font stack for code */
  --font-family-serif: 'IBM Plex Serif', 'Georgia', Times, serif; /** Serif font stack */
  --font-size-10: 3rem; /** 48px - Expressive heading 01 */
  --font-size-01: 0.75rem; /** 12px - Caption */
  --font-size-02: 0.875rem; /** 14px - Body short/long */
  --font-size-03: 1rem; /** 16px - Heading 01 */
  --font-size-04: 1.125rem; /** 18px - Heading 02 */
  --font-size-05: 1.25rem; /** 20px - Heading 03 */
  --font-size-06: 1.5rem; /** 24px - Heading 04 */
  --font-size-07: 1.75rem; /** 28px - Heading 05 */
  --font-size-08: 2rem; /** 32px - Heading 06 */
  --font-size-09: 2.625rem; /** 42px - Heading 07 */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-line-height-10: 3.5rem; /** 56px */
  --font-line-height-01: 1rem; /** 16px */
  --font-line-height-02: 1.125rem; /** 18px */
  --font-line-height-03: 1.25rem; /** 20px */
  --font-line-height-04: 1.375rem; /** 22px */
  --font-line-height-05: 1.5rem; /** 24px */
  --font-line-height-06: 1.75rem; /** 28px */
  --font-line-height-07: 2rem; /** 32px */
  --font-line-height-08: 2.25rem; /** 36px */
  --font-line-height-09: 3rem; /** 48px */
  --layout-01: 1rem; /** 16px */
  --layout-02: 1.5rem; /** 24px */
  --layout-03: 2rem; /** 32px */
  --layout-04: 3rem; /** 48px */
  --layout-05: 4rem; /** 64px */
  --layout-06: 6rem; /** 96px */
  --layout-07: 10rem; /** 160px */
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem; /** 2px */
  --border-radius-md: 0.25rem; /** 4px */
}