/* Generated from packages/design/src/index.ts. Do not edit; run `pnpm --filter @fellesly/design build`. */
:root {
  --fl-color-canvas: #F6F3EE;
  --fl-color-surface: #FFFFFF;
  --fl-color-sunken: #EFEBE4;
  --fl-color-line: #ECE6DC;
  --fl-color-ink: #1D2130;
  --fl-color-ink-2: #474C5E;
  --fl-color-muted: #626776;
  --fl-color-faint: #636979;
  --fl-color-primary: #4353D6;
  --fl-color-primary-soft: #ECEEFC;
  --fl-color-primary-ink: #FFFFFF;
  --fl-color-coral: #EF7B5F;
  --fl-color-sun: #F2B544;
  --fl-color-mint: #3FA37F;
  --fl-color-sky: #4C9BE8;
  --fl-color-lilac: #8C6ED8;
  --fl-color-rose: #E06A8E;
  --fl-color-danger: #B63830;
  --fl-color-danger-soft: #FBEAE8;
  --fl-space-xs: 4px;
  --fl-space-sm: 8px;
  --fl-space-md: 12px;
  --fl-space-lg: 16px;
  --fl-space-xl: 20px;
  --fl-space-xxl: 28px;
  --fl-radius-sm: 10px;
  --fl-radius-md: 14px;
  --fl-radius-lg: 20px;
  --fl-radius-xl: 28px;
  --fl-radius-pill: 999px;
  --fl-font-display: 'Fraunces', Georgia, serif;
  --fl-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fl-type-title-size: 32px;
  --fl-type-title-line-height: 38px;
  --fl-type-title-weight: 600;
  --fl-type-section-size: 17px;
  --fl-type-section-line-height: 22px;
  --fl-type-section-weight: 700;
  --fl-type-lead-size: 16px;
  --fl-type-lead-line-height: 24px;
  --fl-type-lead-weight: 400;
  --fl-type-item-title-size: 16px;
  --fl-type-item-title-line-height: 22px;
  --fl-type-item-title-weight: 600;
  --fl-type-body-size: 15px;
  --fl-type-body-line-height: 22px;
  --fl-type-body-weight: 400;
  --fl-type-label-size: 14px;
  --fl-type-label-line-height: 18px;
  --fl-type-label-weight: 600;
  --fl-type-meta-size: 13px;
  --fl-type-meta-line-height: 19px;
  --fl-type-meta-weight: 400;
  --fl-type-eyebrow-size: 13px;
  --fl-type-eyebrow-line-height: 18px;
  --fl-type-eyebrow-weight: 600;
  --fl-type-tag-size: 12px;
  --fl-type-tag-line-height: 16px;
  --fl-type-tag-weight: 700;
  --fl-shadow-card: 0 1px 2px rgba(29,33,48,0.04), 0 6px 18px rgba(29,33,48,0.05);
  --fl-shadow-float: 0 10px 30px rgba(29,33,48,0.16);
  --fl-member-1: #4353D6;
  --fl-member-2: #EF7B5F;
  --fl-member-3: #3FA37F;
  --fl-member-4: #F2B544;
  --fl-member-5: #8C6ED8;
  --fl-member-6: #4C9BE8;
  --fl-member-7: #E06A8E;
}

[data-theme='dark'] {
  --fl-color-canvas: #13151D;
  --fl-color-surface: #1C1F2A;
  --fl-color-sunken: #252937;
  --fl-color-line: #2C3142;
  --fl-color-ink: #ECEDF3;
  --fl-color-ink-2: #C2C5D1;
  --fl-color-muted: #8D92A3;
  --fl-color-faint: #9EA5B8;
  --fl-color-primary: #8996FF;
  --fl-color-primary-soft: #262B50;
  --fl-color-primary-ink: #13151D;
  --fl-color-coral: #EF7B5F;
  --fl-color-sun: #F2B544;
  --fl-color-mint: #3FA37F;
  --fl-color-sky: #4C9BE8;
  --fl-color-lilac: #8C6ED8;
  --fl-color-rose: #E06A8E;
  --fl-color-danger: #E56A5D;
  --fl-color-danger-soft: #3A2326;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --fl-color-canvas: #13151D;
    --fl-color-surface: #1C1F2A;
    --fl-color-sunken: #252937;
    --fl-color-line: #2C3142;
    --fl-color-ink: #ECEDF3;
    --fl-color-ink-2: #C2C5D1;
    --fl-color-muted: #8D92A3;
    --fl-color-faint: #9EA5B8;
    --fl-color-primary: #8996FF;
    --fl-color-primary-soft: #262B50;
    --fl-color-primary-ink: #13151D;
    --fl-color-coral: #EF7B5F;
    --fl-color-sun: #F2B544;
    --fl-color-mint: #3FA37F;
    --fl-color-sky: #4C9BE8;
    --fl-color-lilac: #8C6ED8;
    --fl-color-rose: #E06A8E;
    --fl-color-danger: #E56A5D;
    --fl-color-danger-soft: #3A2326;
  }
}