/* AUTO-GENERATED by the SafetyClerk Design System - build-tokens.mjs — DO NOT EDIT */
:root {
  /* Colors */
  --sc-brand-blue: #0C0A3E;
  --sc-brand-red: #C0133D;
  --sc-brand-mint: #DEF3EF;
  --sc-brand-green: #068F3D;
  --sc-blue-alpha05: #0C0A3E0D;
  --sc-blue-alpha10: #0C0A3E1A;
  --sc-blue-alpha20: #0C0A3E33;
  --sc-blue-alpha30: #0C0A3E4D;
  --sc-blue-alpha50: #0C0A3E80;
  --sc-blue-muted: #374151;
  --sc-red-light: #C0133D0D;
  --sc-red-muted: #F3EAEC;
  --sc-red-alpha10: #C0133D1A;
  --sc-red-alpha20: #C0133D33;
  --sc-red-alpha50: #C0133D80;
  --sc-gray-normal: #E8E7EC;
  --sc-gray-dark: #A1A5B1;
  --sc-gray-light: #F9FAFC;
  --sc-green-muted: #E8F5E8;
  --sc-green-alpha20: #068F3D33;
  --sc-green-alpha50: #068F3D80;
  --sc-white-normal: #FFFFFF;
  --sc-white-alpha50: #FFFFFF80;
  --sc-white-alpha60: #FFFFFF99;
  --sc-white-alpha90: #FFFFFFE6;
  --sc-black-normal: #000000;
  --sc-black-alpha50: #00000080;

  /* Typography */
  --sc-font-family-body: 'Work Sans', sans-serif;
  --sc-font-family-display: 'Koulen', sans-serif;
  --sc-font-size-caption: 12px;
  --sc-font-size-label: 14px;
  --sc-font-size-body: 16px;
  --sc-font-size-title: 24px;
  --sc-font-size-heading: 37px;
  --sc-font-weight-regular: 400;
  --sc-font-weight-medium: 500;
  --sc-font-weight-semibold: 600;
  --sc-font-weight-bold: 700;

  /* Spacing */
  --sc-space-xs: 4px;
  --sc-space-sm: 8px;
  --sc-space-md: 12px;
  --sc-space-lg: 16px;
  --sc-space-xl: 20px;
  --sc-space-2xl: 24px;
  --sc-space-3xl: 32px;
  --sc-space-4xl: 48px;

  /* Borders */
  --sc-border-radius-sm: 4px;
  --sc-border-radius-md: 8px;
  --sc-border-radius-lg: 12px;
  --sc-border-radius-xl: 20px;
  --sc-border-radius-pill: 999px;
  --sc-border-width-thin: 1px;
  --sc-border-width-medium: 2px;
}