@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";

/* src/styles.scss */
:root {
  --c-gray0: #000;
  --c-gray5: #0d0d0d;
  --c-gray10: #1a1a1a;
  --c-gray15: #262626;
  --c-gray20: #333;
  --c-gray25: #404040;
  --c-gray30: #4d4d4d;
  --c-gray35: #595959;
  --c-gray40: #666;
  --c-gray45: #737373;
  --c-gray50: #808080;
  --c-gray55: #8c8c8c;
  --c-gray60: #999;
  --c-gray65: #a6a6a6;
  --c-gray70: #b3b3b3;
  --c-gray75: #bFbFbF;
  --c-gray80: #cdcdcd;
  --c-gray85: #fafafa;
  --c-gray90: #e5e5e5;
  --c-gray93: #e4e4e4;
  --c-gray95: #f2f2f2;
  --c-gray100: #fff;
  --c-app-light: #fbfbfb;
  --c-app-dark: #111;
}
body,
body.light-theme {
  --c-app-primary: var(--c-app-light);
  --c-app-secondary: var(--c-app-dark);
  --c-error-primary: #d14949;
  --c-transparent: transparent;
  --c-primary: #402158;
  --c-secondary: #7d5683;
  --c-tertiary: #c9bfb5;
  --c-light: #e2e9ff;
  --c-dark: #140e36;
  --c-text-primary: var(--c-app-secondary);
  --c-text-secondary: var(--c-app-primary);
  --c-bg-body: var(--c-app-primary);
  --c-backdrop: rgba(0, 0, 0, .41);
  --c-ds-input-error: var(--c-error-primary);
  --c-ds-input-text: var(--c-primary);
  --c-ds-input-border: var(--c-primary);
  --c-ds-input-label-bg: var(--c-bg-body);
  --c-ds-input-webkit-box-shadow: var(--c-app-primary);
  --c-ds-button-primary-background: var(--c-primary);
  --c-ds-button-primary-text: var(--c-text-secondary);
  --c-ds-button-secondary-background: var(--c-transparent);
  --c-ds-button-secondary-text: var(--c-secondary);
  --c-ds-button-secondary-border: var(--c-secondary);
  --c-ds-button-secondary-active-background: var(--c-secondary);
  --c-ds-button-secondary-active-text: var(--c-app-primary);
  --c-ds-button-link-text: var(--c-secondary);
  --c-ds-button-spinner-border: var(--c-secondary);
  --c-toast-text: var(--c-gray5);
  --c-toast-icon: var(--c-gray5);
  --c-toast-sucess-background: #b7f7c3;
  --c-toast-sucess-border: var(--c-transparent);
  --c-toast-info-background: #b2e6f4;
  --c-toast-info-border: var(--c-transparent);
  --c-toast-danger-background: #feb7b5;
  --c-toast-danger-border: var(--c-transparent);
  --c-toast-warning-background: #fbe7c6;
  --c-toast-warning-border: var(--c-transparent);
  --c-tab-bar-background: var(--c-gray95);
  --c-tab-bar-active-item-background: var(--c-light);
  --c-tab-bar-text: var(--c-app-secondary);
  --c-tab-bar-icon: var(--c-app-secondary);
  --c-tab-bar-active-text: var(--c-text-primary);
  --c-tab-bar-active-icon: var(--c-text-primary);
  --c-add-task-btn-background: var(--c-primary);
  --c-add-task-btn-icon: var(--c-light);
  --c-loader-backdrop: var(--c-primary);
  --c-loader-dot-background: var(--c-gray100);
  --c-spinner-box-shadow: var(--c-secondary);
  --c-bottom-sheet-notch-background: var(--c-gray95);
  --c-bottom-sheet-notch-wrapper-background: var(--c-gray40);
  --c-date-picker-icon: var(--c-gray45);
  --c-date-picker-content: var(--c-gray95);
  --c-date-picker-content-box-shadow: rgba(0, 0, 0, 0.18);
  --c-date-picker-day-text: var(--c-gray45);
  --c-date-picker-hover-background: var(--c-secondary);
  --c-date-picker-selected-background: var(--c-secondary);
  --c-alert-message-overlay-bg: var(--c-secondary);
  --c-alert-message-bg: var(--c-app-primary);
  --c-alert-message-border: var(--c-gray80);
  --c-alert-message-text: var(--c-text-primary);
  --c-alert-message-icon-success: #b7f7c3;
  --c-alert-message-icon-info: #b2e6f4;
  --c-alert-message-icon-error: #feb7b5;
}
body.dark-theme {
  --c-app-primary: var(--c-app-dark);
  --c-app-secondary: var(--c-app-light);
  --c-error-primary: #d14949;
  --c-transparent: transparent;
  --c-primary-original: #402158;
  --c-primary: #8053a3;
  --c-secondary-original: #7d5683;
  --c-secondary: #c797ce;
  --c-tertiary: #c9bfb5;
  --c-light: #e2e9ff;
  --c-dark-original: #140e36;
  --c-dark: #2d2269;
  --c-text-primary: var(--c-gray80);
  --c-text-secondary: var(--c-gray80);
  --c-bg-body: var(--c-app-primary);
  --c-backdrop: rgba(0, 0, 0, .41);
  --c-ds-input-error: var(--c-error-primary);
  --c-ds-input-text: var(--c-text-primary);
  --c-ds-input-border: var(--c-app-secondary);
  --c-ds-input-label-bg: var(--c-bg-body);
  --c-ds-input-webkit-box-shadow: var(--c-app-primary);
  --c-ds-button-primary-background: var(--c-primary);
  --c-ds-button-primary-text: var(--c-text-secondary);
  --c-ds-button-secondary-background: var(--c-transparent);
  --c-ds-button-secondary-text: var(--c-tertiary);
  --c-ds-button-secondary-border: var(--c-tertiary);
  --c-ds-button-secondary-active-background: var(--c-tertiary);
  --c-ds-button-secondary-active-text: var(--c-app-primary);
  --c-ds-button-link-text: var(--c-secondary);
  --c-ds-button-spinner-border: var(--c-secondary);
  --c-toast-text: var(--c-gray5);
  --c-toast-icon: var(--c-gray5);
  --c-toast-sucess-background: #b7f7c3;
  --c-toast-sucess-border: var(--c-transparent);
  --c-toast-info-background: #b2e6f4;
  --c-toast-info-border: var(--c-transparent);
  --c-toast-danger-background: #feb7b5;
  --c-toast-danger-border: var(--c-transparent);
  --c-toast-warning-background: #fbe7c6;
  --c-toast-warning-border: var(--c-transparent);
  --c-tab-bar-background: var(--c-gray10);
  --c-tab-bar-active-item-background: var(--c-secondary);
  --c-tab-bar-text: var(--c-text-primary);
  --c-tab-bar-icon: var(--c-text-primary);
  --c-tab-bar-active-text: var(--c-dark);
  --c-tab-bar-active-icon: var(--c-dark);
  --c-add-task-btn-background: var(--c-primary);
  --c-add-task-btn-icon: var(--c-light);
  --c-loader-backdrop: var(--c-primary);
  --c-loader-dot-background: var(--c-gray100);
  --c-spinner-box-shadow: var(--c-secondary);
  --c-bottom-sheet-notch-background: var(--c-gray25);
  --c-bottom-sheet-notch-wrapper-background: var(--c-gray40);
  --c-date-picker-icon: var(--c-gray45);
  --c-date-picker-content: var(--c-gray10);
  --c-date-picker-content-box-shadow: initial;
  --c-date-picker-day-text: var(--c-gray45);
  --c-date-picker-hover-background: var(--c-secondary);
  --c-date-picker-selected-background: var(--c-secondary);
  --c-alert-message-overlay-bg: var(--c-secondary);
  --c-alert-message-bg: var(--c-gray10);
  --c-alert-message-border: var(--c-gray20);
  --c-alert-message-text: var(--c-gray80);
  --c-alert-message-icon-success: #b7f7c3;
  --c-alert-message-icon-info: #b2e6f4;
  --c-alert-message-icon-error: #feb7b5;
}
* {
  color: var(--c-text-primary);
}
body {
  background-color: var(--c-bg-body);
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  border: 0;
  height: 0.1px;
  width: 0.1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
}
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
h1 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
h3 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
* {
  font-family: "Quicksand", sans-serif;
}
body {
  margin: 0;
  box-sizing: border-box;
}

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