/* Opt-in tokens; loading this file does not restyle the existing application. */
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/NunitoSans-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/NunitoSans-Italic-Variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
}
:root {
  --fh-indigo-50: #f5f3fc;
  --fh-indigo-100: #ebe7f8;
  --fh-indigo-200: #d8d1f0;
  --fh-indigo-300: #bcb0e4;
  --fh-indigo-400: #9d8dd6;
  --fh-indigo-500: #8070c6;
  --fh-indigo-600: #6254b3;
  --fh-indigo-700: #504397;
  --fh-indigo-800: #403679;
  --fh-indigo-900: #302958;
  --fh-primary: var(--fh-indigo-600);
  --fh-primary-hover: var(--fh-indigo-700);
  --fh-on-primary: #ffffff;
  --fh-canvas: #faf9fd;
  --fh-surface: #ffffff;
  --fh-text: #252239;
  --fh-muted: #645f75;
  --fh-divider: #ddd9e8;
  --fh-control-border: #80758e;
  --fh-focus: #6254b3;
  --fh-success: #28704f;
  --fh-success-surface: #eaf5ee;
  --fh-warning: #855b12;
  --fh-warning-surface: #fff4db;
  --fh-danger: #ad3547;
  --fh-danger-surface: #fceef0;
  --fh-info: #315d9b;
  --fh-info-surface: #edf3fc;
  --fh-font-heading: "Nunito", system-ui, sans-serif;
  --fh-font-body: "Nunito Sans", system-ui, sans-serif;
  --fh-text-xs: 0.75rem;
  --fh-text-sm: 0.875rem;
  --fh-text-base: 1rem;
  --fh-text-lg: 1.25rem;
  --fh-text-xl: 1.5rem;
  --fh-text-2xl: 2rem;
  --fh-text-display: 3rem;
  --fh-leading-body: 1.5;
  --fh-leading-heading: 1.15;
  --fh-space-1: 0.25rem;
  --fh-space-2: 0.5rem;
  --fh-space-3: 0.75rem;
  --fh-space-4: 1rem;
  --fh-space-6: 1.5rem;
  --fh-space-8: 2rem;
  --fh-space-12: 3rem;
  --fh-radius-control: 0.75rem;
  --fh-radius-card: 1.25rem;
  --fh-radius-pill: 999px;
}
[data-fh-theme="dark"],
.app-shell.dark-mode {
  --fh-primary: #bcb0e4;
  --fh-primary-hover: #d8d1f0;
  --fh-on-primary: #191725;
  --fh-canvas: #191725;
  --fh-surface: #242132;
  --fh-text: #f5f3fc;
  --fh-muted: #c0bace;
  --fh-divider: #443d57;
  --fh-control-border: #756d88;
  --fh-focus: #bcb0e4;
  --fh-success: #9bd8b8;
  --fh-success-surface: #173729;
  --fh-warning: #f0cf85;
  --fh-warning-surface: #3a2d16;
  --fh-danger: #f1a7b3;
  --fh-danger-surface: #3d202b;
  --fh-info: #a9c9f7;
  --fh-info-surface: #202f45;
}