/* Generated from packages/tokens/src/tokens.json. Do not edit. */
:root {
  --spoventa-color-brand-graphite: #27343E;
  --spoventa-color-brand-teal: #049FA2;
  --spoventa-color-brand-coral: #F55741;
  --spoventa-color-brand-warm-white: #FDF8F8;
  --spoventa-color-brand-mist-teal: #E8F2F3;
  --spoventa-color-text-primary: #27343E;
  --spoventa-color-text-secondary: #4C5962;
  --spoventa-color-text-muted: #66727A;
  --spoventa-color-text-inverse: #FFFFFF;
  --spoventa-color-surface-page: #FDF8F8;
  --spoventa-color-surface-panel: #FFFFFF;
  --spoventa-color-surface-subtle: #E8F2F3;
  --spoventa-color-surface-strong: #27343E;
  --spoventa-color-border-default: #CCC6C6;
  --spoventa-color-border-subtle: #E5DEDE;
  --spoventa-color-border-strong: #66727A;
  --spoventa-color-interactive-primary: #27343E;
  --spoventa-color-interactive-primary-hover: #1B252C;
  --spoventa-color-interactive-accent: #049FA2;
  --spoventa-color-interactive-accent-hover: #03787B;
  --spoventa-color-interactive-focus: #049FA2;
  --spoventa-color-status-success: #166534;
  --spoventa-color-status-success-surface: #F0FDF4;
  --spoventa-color-status-warning: #92400E;
  --spoventa-color-status-warning-surface: #FFFBEB;
  --spoventa-color-status-danger: #B91C1C;
  --spoventa-color-status-danger-surface: #FEF2F2;
  --spoventa-color-status-info: #1D4ED8;
  --spoventa-color-status-info-surface: #EFF6FF;
  --spoventa-font-family-sans: Arial, Helvetica, sans-serif;
  --spoventa-font-weight-regular: 400;
  --spoventa-font-weight-medium: 500;
  --spoventa-font-weight-semibold: 600;
  --spoventa-font-weight-bold: 700;
  --spoventa-font-size-xs: 0.75rem;
  --spoventa-font-size-sm: 0.875rem;
  --spoventa-font-size-md: 1rem;
  --spoventa-font-size-lg: 1.125rem;
  --spoventa-font-size-xl: 1.25rem;
  --spoventa-font-size-2xl: 1.5rem;
  --spoventa-font-size-3xl: 1.875rem;
  --spoventa-font-line-height-tight: 1.2;
  --spoventa-font-line-height-normal: 1.45;
  --spoventa-font-line-height-relaxed: 1.6;
  --spoventa-radius-control: 12px;
  --spoventa-radius-card: 20px;
  --spoventa-radius-pill: 999px;
  --spoventa-space-1: 0.25rem;
  --spoventa-space-2: 0.5rem;
  --spoventa-space-3: 0.75rem;
  --spoventa-space-4: 1rem;
  --spoventa-space-5: 1.25rem;
  --spoventa-space-6: 1.5rem;
  --spoventa-space-8: 2rem;
  --spoventa-space-10: 2.5rem;
  --spoventa-space-12: 3rem;
  --spoventa-space-16: 4rem;
  --spoventa-shadow-sm: 0 1px 2px rgb(39 52 62 / 0.08);
  --spoventa-shadow-md: 0 4px 12px rgb(39 52 62 / 0.12);
  --spoventa-shadow-lg: 0 12px 30px rgb(39 52 62 / 0.16);
  --spoventa-breakpoint-sm: 640px;
  --spoventa-breakpoint-md: 768px;
  --spoventa-breakpoint-lg: 1024px;
  --spoventa-breakpoint-xl: 1280px;
  --spoventa-z-index-content: 0;
  --spoventa-z-index-sticky: 30;
  --spoventa-z-index-header: 40;
  --spoventa-z-index-navigation: 50;
  --spoventa-z-index-dialog: 60;
  --spoventa-z-index-toast: 70;
}