/*
 * Smile ID Design System — GENERATED FILE. Do not edit by hand.
 * Regenerate with: npm --prefix build run build
 * Source of truth: tokens/ (DTCG). Brand anchor blue #151F72; body type DM Sans.
 */
:root {
  --si-color-brand-orange: #ff9b00;
  --si-color-brand-orange-blood: #ff5805;
  --si-color-brand-green: #06a850;
  --si-color-brand-green-vivid: #2cc05c;
  --si-color-brand-green-dark: #0a462f;
  --si-color-brand-blue: #151f72;
  --si-color-brand-blue-bright: #4d88ff;
  --si-color-brand-blue-accent-dark: #7ba3ff;
  --si-color-brand-sky-blue: #7fcbf5;
  --si-color-brand-yellow: #fdb515;
  --si-color-brand-red-deep: #91190f;
  --si-color-brand-sand: #dbdbc4;
  --si-color-brand-pink: #fbd1ee;
  --si-color-neutral-white: #ffffff;
  --si-color-neutral-off-white: #f9f0e7;
  --si-color-neutral-off-black: #2d2b2a;
  --si-color-grey-50: #f9fafb;
  --si-color-grey-200: #eaecf0;
  --si-color-grey-400: #c2c5cb;
  --si-color-grey-500: #848282;
  --si-color-grey-600: #5e646e;
  --si-color-grey-800: #21232c;
  --si-color-grey-dark-bg: #1a1c23;
  --si-color-grey-dark-card: #272a35;
  --si-color-grey-dark-card-alt: #2d3748;
  --si-color-grey-dark-text: #f2f2f2;
  --si-color-status-red: #ef4343;
  --si-color-status-red-dark: #ea2d2d;
  --si-color-status-green: #00c853;
  --si-color-status-green-dark: #00e676;
  --si-color-status-green-confirm: #12b76a;
  --si-color-alpha-black-10: rgba(0, 0, 0, 0.102);
  --si-color-alpha-black-15: rgba(0, 0, 0, 0.149);
  --si-color-alpha-black-75: rgba(0, 0, 0, 0.749);
  --si-color-alpha-white-90: rgba(255, 255, 255, 0.902);
  --si-color-background: #f9fafb;
  --si-color-surface: #ffffff;
  --si-color-surface-alt: #f9f0e7;
  --si-color-surface-muted: #f9fafb;
  --si-color-border: #eaecf0;
  --si-color-overlay-scrim: rgba(0, 0, 0, 0.749);
  --si-color-text-title: #21232c;
  --si-color-text-body: #5e646e;
  --si-color-text-muted: #848282;
  --si-color-text-inverse: #ffffff;
  --si-color-text-link: #151f72;
  --si-color-primary: #151f72;
  --si-color-on-primary: #ffffff;
  --si-color-secondary: #5e646e;
  --si-color-accent: #4d88ff;
  --si-color-focus-ring: #4d88ff;
  --si-color-feedback-success-fill: #00c853;
  --si-color-feedback-success-on: #ffffff;
  --si-color-feedback-warning-fill: #ff9b00;
  --si-color-feedback-warning-on: #2d2b2a;
  --si-color-feedback-error-fill: #ef4343;
  --si-color-feedback-error-on: #ffffff;
  --si-color-feedback-info-fill: #4d88ff;
  --si-color-feedback-info-on: #ffffff;
  --si-color-decorative-yellow: #fdb515;
  --si-color-decorative-green: #06a850;
  --si-color-decorative-orange: #ff9b00;
  --si-color-decorative-blood-orange: #ff5805;
  --si-color-decorative-sky: #7fcbf5;
  --si-color-decorative-pink: #fbd1ee;
  --si-color-decorative-sand: #dbdbc4;
  --si-color-decorative-dark-green: #0a462f;
  --si-color-decorative-deep-red: #91190f;
  --si-color-capture-overlay: rgba(255, 255, 255, 0.902);
  --si-color-capture-feedback-bg: rgba(0, 0, 0, 0.749);
  --si-color-capture-feedback-text: #ffffff;
  --si-color-capture-guide-default: #c2c5cb;
  --si-color-capture-guide-active: #2cc05c;
  --si-color-capture-guide-warning: #ef4343;
  --si-space-0: 0px;
  --si-space-2: 2px;
  --si-space-4: 4px;
  --si-space-8: 8px;
  --si-space-12: 12px;
  --si-space-16: 16px;
  --si-space-20: 20px;
  --si-space-24: 24px;
  --si-space-32: 32px;
  --si-space-40: 40px;
  --si-space-48: 48px;
  --si-space-64: 64px;
  --si-radius-none: 0px;
  --si-radius-sm: 8px;
  --si-radius-md: 12px;
  --si-radius-lg: 16px;
  --si-radius-xl: 20px;
  --si-radius-pill: 32px;
  --si-radius-full: 999px;
  --si-radius-field: 12px;
  --si-radius-control: 32px;
  --si-radius-surface: 16px;
  --si-radius-sheet: 20px;
  --si-radius-chip: 999px;
  --si-border-width-none: 0px;
  --si-border-width-hairline: 1px;
  --si-border-width-thin: 1.5px;
  --si-border-width-thick: 2px;
  --si-size-icon-sm: 16px;
  --si-size-icon-md: 20px;
  --si-size-icon-lg: 24px;
  --si-size-control-md: 44px;
  --si-size-control-lg: 52px;
  --si-size-logo-min: 35px;
  --si-duration-fast: 200ms;
  --si-duration-normal: 300ms;
  --si-duration-slow: 350ms;
  --si-shadow-card: 0px 1px 2px 0px rgba(0, 0, 0, 0.102);
  --si-shadow-elevated: 0px 4px 12px 0px rgba(0, 0, 0, 0.149);
  --si-font-family-display: Epilogue,DM Sans,system-ui,sans-serif;
  --si-font-family-body: DM Sans,system-ui,sans-serif;
  --si-font-weight-regular: 400;
  --si-font-weight-medium: 500;
  --si-font-weight-semibold: 600;
  --si-font-weight-bold: 700;
  --si-font-weight-extrabold: 800;
  --si-font-size-10: 10px;
  --si-font-size-12: 12px;
  --si-font-size-14: 14px;
  --si-font-size-16: 16px;
  --si-font-size-18: 18px;
  --si-font-size-20: 20px;
  --si-font-size-24: 24px;
  --si-font-size-28: 28px;
  --si-font-size-32: 32px;
  --si-font-size-40: 40px;
  --si-font-size-48: 48px;
  --si-line-height-16: 16px;
  --si-line-height-20: 20px;
  --si-line-height-24: 24px;
  --si-line-height-26: 26px;
  --si-line-height-32: 32px;
  --si-line-height-40: 40px;
  --si-line-height-48: 48px;
  --si-line-height-56: 56px;
  --si-letter-spacing-tight: -0.4px;
  --si-letter-spacing-normal: 0px;
  --si-elevation-card: 0px 1px 2px 0px rgba(0, 0, 0, 0.102);
  --si-elevation-floating: 0px 4px 12px 0px rgba(0, 0, 0, 0.149);
  --si-motion-transition: 300ms;
  --si-motion-progress: 350ms;
  --si-spacing-none: 0px;
  --si-spacing-xxs: 4px;
  --si-spacing-xs: 8px;
  --si-spacing-sm: 12px;
  --si-spacing-md: 16px;
  --si-spacing-lg: 24px;
  --si-spacing-xl: 40px;
  --si-spacing-2xl: 64px;
  --si-text-style-display-lg-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-text-style-display-lg-font-size: 40px;
  --si-text-style-display-lg-font-weight: 800;
  --si-text-style-display-lg-line-height: 48px;
  --si-text-style-display-lg-letter-spacing: -0.4px;
  --si-text-style-display-md-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-text-style-display-md-font-size: 32px;
  --si-text-style-display-md-font-weight: 800;
  --si-text-style-display-md-line-height: 40px;
  --si-text-style-display-md-letter-spacing: -0.4px;
  --si-text-style-heading-page-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-text-style-heading-page-font-size: 24px;
  --si-text-style-heading-page-font-weight: 800;
  --si-text-style-heading-page-line-height: 32px;
  --si-text-style-heading-page-letter-spacing: -0.4px;
  --si-text-style-heading-card-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-text-style-heading-card-font-size: 20px;
  --si-text-style-heading-card-font-weight: 800;
  --si-text-style-heading-card-line-height: 26px;
  --si-text-style-heading-card-letter-spacing: -0.4px;
  --si-text-style-heading-section-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-text-style-heading-section-font-size: 18px;
  --si-text-style-heading-section-font-weight: 600;
  --si-text-style-heading-section-line-height: 24px;
  --si-text-style-heading-section-letter-spacing: 0px;
  --si-text-style-title-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-title-font-size: 16px;
  --si-text-style-title-font-weight: 700;
  --si-text-style-title-line-height: 24px;
  --si-text-style-title-letter-spacing: 0px;
  --si-text-style-subtitle-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-subtitle-font-size: 14px;
  --si-text-style-subtitle-font-weight: 500;
  --si-text-style-subtitle-line-height: 20px;
  --si-text-style-subtitle-letter-spacing: 0px;
  --si-text-style-body-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-body-font-size: 16px;
  --si-text-style-body-font-weight: 400;
  --si-text-style-body-line-height: 24px;
  --si-text-style-body-letter-spacing: 0px;
  --si-text-style-body-strong-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-body-strong-font-size: 16px;
  --si-text-style-body-strong-font-weight: 600;
  --si-text-style-body-strong-line-height: 24px;
  --si-text-style-body-strong-letter-spacing: 0px;
  --si-text-style-body-sm-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-body-sm-font-size: 14px;
  --si-text-style-body-sm-font-weight: 400;
  --si-text-style-body-sm-line-height: 20px;
  --si-text-style-body-sm-letter-spacing: 0px;
  --si-text-style-caption-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-caption-font-size: 12px;
  --si-text-style-caption-font-weight: 500;
  --si-text-style-caption-line-height: 16px;
  --si-text-style-caption-letter-spacing: 0px;
  --si-text-style-overline-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-overline-font-size: 10px;
  --si-text-style-overline-font-weight: 700;
  --si-text-style-overline-line-height: 16px;
  --si-text-style-overline-letter-spacing: 0px;
  --si-text-style-button-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-button-font-size: 16px;
  --si-text-style-button-font-weight: 700;
  --si-text-style-button-line-height: 24px;
  --si-text-style-button-letter-spacing: 0px;
  --si-text-style-button-sm-font-family: "DM Sans", system-ui, sans-serif;
  --si-text-style-button-sm-font-size: 14px;
  --si-text-style-button-sm-font-weight: 700;
  --si-text-style-button-sm-line-height: 20px;
  --si-text-style-button-sm-letter-spacing: 0px;
  --si-avatar-bg: #4d88ff;
  --si-avatar-text: #ffffff;
  --si-avatar-radius: 999px;
  --si-avatar-placeholder-bg: #f9fafb;
  --si-avatar-placeholder-icon: #848282;
  --si-avatar-size-sm: 32px;
  --si-avatar-size-md: 40px;
  --si-avatar-size-lg: 48px;
  --si-avatar-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-avatar-font-font-size: 14px;
  --si-avatar-font-font-weight: 500;
  --si-avatar-font-line-height: 20px;
  --si-avatar-font-letter-spacing: 0px;
  --si-badge-radius: 999px;
  --si-badge-padding-x: 8px;
  --si-badge-padding-y: 4px;
  --si-badge-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-badge-font-font-size: 10px;
  --si-badge-font-font-weight: 700;
  --si-badge-font-line-height: 16px;
  --si-badge-font-letter-spacing: 0px;
  --si-badge-success-background: #00c853;
  --si-badge-success-text: #ffffff;
  --si-badge-error-background: #ef4343;
  --si-badge-error-text: #ffffff;
  --si-badge-warning-background: #ff9b00;
  --si-badge-warning-text: #2d2b2a;
  --si-badge-info-background: #4d88ff;
  --si-badge-info-text: #ffffff;
  --si-banner-radius: 12px;
  --si-banner-padding: 16px;
  --si-banner-gap: 12px;
  --si-banner-bg: #f9f0e7;
  --si-banner-border: #eaecf0;
  --si-banner-title: #21232c;
  --si-banner-text: #5e646e;
  --si-banner-title-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-banner-title-font-font-size: 16px;
  --si-banner-title-font-font-weight: 600;
  --si-banner-title-font-line-height: 24px;
  --si-banner-title-font-letter-spacing: 0px;
  --si-banner-text-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-banner-text-font-font-size: 14px;
  --si-banner-text-font-font-weight: 400;
  --si-banner-text-font-line-height: 20px;
  --si-banner-text-font-letter-spacing: 0px;
  --si-banner-info-accent: #4d88ff;
  --si-banner-success-accent: #00c853;
  --si-banner-warning-accent: #ff9b00;
  --si-banner-error-accent: #ef4343;
  --si-button-radius: 32px;
  --si-button-padding-x: 24px;
  --si-button-padding-y: 12px;
  --si-button-height: 52px;
  --si-button-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-button-font-font-size: 16px;
  --si-button-font-font-weight: 700;
  --si-button-font-line-height: 24px;
  --si-button-font-letter-spacing: 0px;
  --si-button-primary-background: #151f72;
  --si-button-primary-text: #ffffff;
  --si-button-secondary-background: rgba(0, 0, 0, 0.102);
  --si-button-secondary-border: #5e646e;
  --si-button-secondary-text: #5e646e;
  --si-button-disabled-background: #eaecf0;
  --si-button-disabled-text: #848282;
  --si-card-background: #ffffff;
  --si-card-border: #eaecf0;
  --si-card-title-text: #21232c;
  --si-card-body-text: #5e646e;
  --si-card-radius: 16px;
  --si-card-padding: 24px;
  --si-card-gap: 12px;
  --si-card-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.102);
  --si-card-title-font-font-family: Epilogue, "DM Sans", system-ui, sans-serif;
  --si-card-title-font-font-size: 20px;
  --si-card-title-font-font-weight: 800;
  --si-card-title-font-line-height: 26px;
  --si-card-title-font-letter-spacing: -0.4px;
  --si-data-field-label: #848282;
  --si-data-field-value: #21232c;
  --si-data-field-value-link: #151f72;
  --si-data-field-gap: 4px;
  --si-data-field-row-gap: 16px;
  --si-data-field-label-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-data-field-label-font-font-size: 12px;
  --si-data-field-label-font-font-weight: 500;
  --si-data-field-label-font-line-height: 16px;
  --si-data-field-label-font-letter-spacing: 0px;
  --si-data-field-value-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-data-field-value-font-font-size: 14px;
  --si-data-field-value-font-font-weight: 400;
  --si-data-field-value-font-line-height: 20px;
  --si-data-field-value-font-letter-spacing: 0px;
  --si-filter-trigger-bg: #ffffff;
  --si-filter-trigger-border: #eaecf0;
  --si-filter-trigger-text: #21232c;
  --si-filter-trigger-icon: #848282;
  --si-filter-trigger-radius: 12px;
  --si-filter-trigger-height: 44px;
  --si-filter-popover-bg: #ffffff;
  --si-filter-popover-border: #eaecf0;
  --si-filter-popover-radius: 12px;
  --si-filter-popover-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.149);
  --si-filter-chip-bg: #ffffff;
  --si-filter-chip-border: #eaecf0;
  --si-filter-chip-radius: 12px;
  --si-filter-chip-label: #5e646e;
  --si-filter-chip-divider: #dbdbc4;
  --si-filter-chip-value: #4d88ff;
  --si-filter-chip-remove: #848282;
  --si-filter-chip-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-filter-chip-font-font-size: 14px;
  --si-filter-chip-font-font-weight: 400;
  --si-filter-chip-font-line-height: 20px;
  --si-filter-chip-font-letter-spacing: 0px;
  --si-input-background: #ffffff;
  --si-input-text: #21232c;
  --si-input-placeholder: #848282;
  --si-input-border: #eaecf0;
  --si-input-border-focus: #4d88ff;
  --si-input-border-error: #ef4343;
  --si-input-radius: 12px;
  --si-input-padding-x: 16px;
  --si-input-height: 44px;
  --si-input-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-input-font-font-size: 14px;
  --si-input-font-font-weight: 400;
  --si-input-font-line-height: 20px;
  --si-input-font-letter-spacing: 0px;
  --si-link-text: #151f72;
  --si-link-text-hover: #151f72;
  --si-link-icon: #151f72;
  --si-link-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-link-font-font-size: 14px;
  --si-link-font-font-weight: 400;
  --si-link-font-line-height: 20px;
  --si-link-font-letter-spacing: 0px;
  --si-search-background: #ffffff;
  --si-search-text: #21232c;
  --si-search-placeholder: #848282;
  --si-search-icon: #848282;
  --si-search-border: #eaecf0;
  --si-search-border-focus: #4d88ff;
  --si-search-radius: 12px;
  --si-search-height: 44px;
  --si-search-padding-x: 16px;
  --si-search-gap: 8px;
  --si-search-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-search-font-font-size: 14px;
  --si-search-font-font-weight: 400;
  --si-search-font-line-height: 20px;
  --si-search-font-letter-spacing: 0px;
  --si-skeleton-bg: #f9fafb;
  --si-skeleton-highlight: #eaecf0;
  --si-skeleton-radius: 12px;
  --si-skeleton-duration: 350ms;
  --si-table-container-radius: 16px;
  --si-table-border: #eaecf0;
  --si-table-header-bg: #f9fafb;
  --si-table-header-text: #848282;
  --si-table-header-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-table-header-font-font-size: 10px;
  --si-table-header-font-font-weight: 700;
  --si-table-header-font-line-height: 16px;
  --si-table-header-font-letter-spacing: 0px;
  --si-table-row-bg: #ffffff;
  --si-table-row-bg-alt: #f9fafb;
  --si-table-row-bg-hover: #f9fafb;
  --si-table-row-border: #eaecf0;
  --si-table-cell-text: #5e646e;
  --si-table-cell-strong: #21232c;
  --si-table-cell-link: #151f72;
  --si-table-cell-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-table-cell-font-font-size: 14px;
  --si-table-cell-font-font-weight: 400;
  --si-table-cell-font-line-height: 20px;
  --si-table-cell-font-letter-spacing: 0px;
  --si-table-cell-padding-x: 16px;
  --si-table-cell-padding-y: 12px;
  --si-tab-bg: #ffffff;
  --si-tab-text: #848282;
  --si-tab-text-active: #21232c;
  --si-tab-indicator: #151f72;
  --si-tab-border: #eaecf0;
  --si-tab-padding-x: 16px;
  --si-tab-padding-y: 12px;
  --si-tab-font-font-family: "DM Sans", system-ui, sans-serif;
  --si-tab-font-font-size: 14px;
  --si-tab-font-font-weight: 500;
  --si-tab-font-line-height: 20px;
  --si-tab-font-letter-spacing: 0px;
}

[data-theme="dark"] {
  --si-color-background: #1a1c23;
  --si-color-surface: #272a35;
  --si-color-surface-alt: #2d3748;
  --si-color-surface-muted: #1a1c23;
  --si-color-text-title: #f2f2f2;
  --si-color-text-body: #c2c5cb;
  --si-color-text-inverse: #2d2b2a;
  --si-color-text-link: #4d88ff;
  --si-color-primary: #4d88ff;
  --si-color-secondary: #c2c5cb;
  --si-color-accent: #7ba3ff;
  --si-color-feedback-success-fill: #00e676;
  --si-color-feedback-success-on: #2d2b2a;
  --si-color-feedback-error-fill: #ea2d2d;
  --si-color-feedback-info-on: #2d2b2a;
  --si-color-decorative-green: #2cc05c;
  --si-avatar-bg: #7ba3ff;
  --si-avatar-placeholder-bg: #1a1c23;
  --si-badge-success-background: #00e676;
  --si-badge-success-text: #2d2b2a;
  --si-badge-error-background: #ea2d2d;
  --si-badge-info-text: #2d2b2a;
  --si-banner-bg: #2d3748;
  --si-banner-title: #f2f2f2;
  --si-banner-text: #c2c5cb;
  --si-banner-info-accent: #7ba3ff;
  --si-banner-success-accent: #00e676;
  --si-banner-error-accent: #ea2d2d;
  --si-button-primary-background: #4d88ff;
  --si-button-secondary-border: #c2c5cb;
  --si-button-secondary-text: #c2c5cb;
  --si-card-background: #272a35;
  --si-card-title-text: #f2f2f2;
  --si-card-body-text: #c2c5cb;
  --si-data-field-value: #f2f2f2;
  --si-data-field-value-link: #4d88ff;
  --si-filter-trigger-bg: #272a35;
  --si-filter-trigger-text: #f2f2f2;
  --si-filter-popover-bg: #272a35;
  --si-filter-chip-bg: #272a35;
  --si-filter-chip-label: #c2c5cb;
  --si-filter-chip-value: #7ba3ff;
  --si-input-background: #272a35;
  --si-input-text: #f2f2f2;
  --si-input-border-error: #ea2d2d;
  --si-link-text: #4d88ff;
  --si-link-text-hover: #4d88ff;
  --si-link-icon: #4d88ff;
  --si-search-background: #272a35;
  --si-search-text: #f2f2f2;
  --si-skeleton-bg: #1a1c23;
  --si-table-header-bg: #1a1c23;
  --si-table-row-bg: #272a35;
  --si-table-row-bg-alt: #1a1c23;
  --si-table-row-bg-hover: #1a1c23;
  --si-table-cell-text: #c2c5cb;
  --si-table-cell-strong: #f2f2f2;
  --si-table-cell-link: #4d88ff;
  --si-tab-bg: #272a35;
  --si-tab-text-active: #f2f2f2;
  --si-tab-indicator: #4d88ff;
}