:root {
  --frontend-color-24sea-light-blue: #85c3e2;
  --frontend-color-24sea-blue: #3399cc;
  --frontend-color-24sea-dark-blue: #18376a;
  --frontend-gradient-24sea-blue: linear-gradient(
    90deg,
    var(--frontend-color-24sea-light-blue),
    var(--frontend-color-24sea-blue),
    var(--frontend-color-24sea-dark-blue)
  );
  --frontend-radius-sm: 0.375rem;
  --frontend-radius-md: 0.5rem;
  --frontend-space-1: 0.25rem;
  --frontend-space-2: 0.5rem;
  --frontend-space-3: 0.75rem;
  --frontend-space-4: 1rem;
  --frontend-font-size-xs: 0.75rem;
  --frontend-font-size-sm: 0.875rem;
  --frontend-font-size-md: 1rem;
  --frontend-card-border: color-mix(in srgb, currentColor 18%, transparent);
  --frontend-focus-ring: 0 0 0 2px color-mix(in srgb, currentColor 24%, transparent);
}