/* [project]/apps/mercato/src/theme/flows360-theme.css [app-client] (css) */
@font-face {
  font-family: Plus Jakarta Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/outfit-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/outfit-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html:root {
  --font-geist-sans: "Plus Jakarta Sans Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Outfit Variable", var(--font-geist-sans);
  --radius: .75rem;
}

:root:not(.dark) {
  --flows-canvas: #f5f3fe;
  --background: #fff;
  --foreground: #1a1640;
  --card: #fff;
  --card-foreground: #1a1640;
  --popover: #fff;
  --popover-foreground: #1a1640;
  --muted: #f1eefd;
  --muted-foreground: #5f5a85;
  --secondary: #f1eefd;
  --secondary-foreground: #1a1640;
  --accent: #eae6fc;
  --accent-foreground: #1a1640;
  --primary: #4a2fd8;
  --primary-foreground: #fff;
  --primary-hover: #3f27c4;
  --accent-indigo: #4a2fd8;
  --accent-indigo-foreground: #fff;
  --destructive: #d02b57;
  --brand-violet: #a898f5;
  --brand-violet-foreground: #1a1640;
  --border: #e7e3f7;
  --input: #d5cfee;
  --ring: #a898f5;
  --bg-disabled: #f7f6fc;
  --text-disabled: #c8c4dd;
  --border-disabled: #ece9f7;
  --chart-1: #4a2fd8;
  --chart-2: #0f66f5;
  --chart-3: #06bfb8;
  --chart-4: #f59e0b;
  --chart-5: #ec4899;
  --chart-blue: #0f66f5;
  --chart-indigo: #4a2fd8;
  --chart-violet: #7462e8;
  --chart-teal: #06a8a2;
  --sidebar: #fff;
  --sidebar-foreground: #1a1640;
  --sidebar-primary: #4a2fd8;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #f1eefd;
  --sidebar-accent-foreground: #1a1640;
  --sidebar-border: #e7e3f7;
  --sidebar-ring: #a898f5;
  --status-info-bg: #eeebff;
  --status-info-text: #4a2fd8;
  --status-info-border: #d9d1fa;
  --status-info-icon: #4a2fd8;
  --status-info-solid: #4a2fd8;
  --status-success-bg: #e2f7f5;
  --status-success-text: #0b6e66;
  --status-success-border: #b9e9e3;
  --status-success-icon: #0e8f86;
  --status-success-solid: #0b7a72;
  --status-warning-bg: #fff3dc;
  --status-warning-text: #8f4e00;
  --status-warning-border: #f7d9a0;
  --status-warning-icon: #c27200;
  --status-warning-solid: #b45309;
  --status-error-bg: #ffecef;
  --status-error-text: #b4234a;
  --status-error-border: #f8c8d3;
  --status-error-icon: #d22a55;
  --status-error-solid: #c81e4b;
  --status-neutral-bg: #f1eff8;
  --status-neutral-text: #4f4a72;
  --status-neutral-border: #e2def1;
  --status-neutral-icon: #6e6993;
  --status-neutral-solid: #5f5a85;
  --status-pink-bg: #fdecf7;
  --status-pink-text: #b21f72;
  --status-pink-border: #f6c8e3;
  --status-pink-icon: #d03c93;
  --status-pink-solid: #b21f72;
}

body {
  background-color: var(--flows-canvas, var(--background));
}

@layer base {
  h1, h2, h3 {
    font-family: var(--font-heading, inherit);
  }
}