/* src/styles.css */
:root {
  --surface: #fff8f5;
  --surface-dim: #ead7c7;
  --surface-bright: #fff8f5;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #fef1e9;
  --surface-container: #f9ebe1;
  --surface-container-high: #f5e5d9;
  --surface-container-highest: #f1dfd2;
  --surface-variant: #f1dfd2;
  --primary: #515f74;
  --primary-dim: #455367;
  --primary-container: #d5e3fc;
  --on-primary: #f6f7ff;
  --on-primary-container: #455367;
  --secondary: #506076;
  --secondary-container: #d3e4fe;
  --on-secondary: #f7f9ff;
  --tertiary: #5b5d78;
  --tertiary-container: #dcddfe;
  --error: #9f403d;
  --error-container: #fe8983;
  --on-error: #fff7f6;
  --on-error-container: #752121;
  --on-surface: #3b3127;
  --on-surface-variant: #695d52;
  --on-background: #3b3127;
  --outline: #86786d;
  --outline-variant: #bfafa2;
  --inverse-surface: #110d0a;
  --inverse-on-surface: #a39b96;
  --inverse-primary: #d8e6ff;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: "Inter", sans-serif;
  background-color: var(--surface);
  color: var(--on-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */