:root {
  color-scheme: light;
  --memo-color-dark-blue: rgb(36, 58, 98);
  --memo-color-blue: rgb(79, 97, 129);
  --memo-color-half-blue: rgb(165, 176, 216);
  --memo-color-light-blue: rgb(211, 215, 223);
  --memo-color-very-light-gray: rgb(245, 245, 245);
  --memo-color-salmon: rgb(253, 201, 160);
  --memo-color-light-salmon: rgb(254, 241, 231);
  --memo-color-rust: rgb(164, 82, 25);
  --memo-color-light-rust: rgb(182, 116, 71);
  --memo-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28253, 201, 160, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --memo-title-font-size: 2rem;
  --memo-subtitle-font-size: 1.55rem;
  --memo-text-font-size: 1.25rem;
  --memo-button-font-size: 1rem;
  --memo-button-height: 2.25rem;
  --memo-title-mt: 2em;
  --memo-body-bg: #ffffff;
  --memo-body-text: var(--memo-color-dark-blue);
  --memo-body-muted-text: #6b7280;
  --memo-link-color: var(--memo-color-rust);
  --memo-link-hover-color: #333333;
  --memo-link-hover-underline-color: var(--memo-color-salmon);
  --memo-navbar-bg: var(--memo-color-dark-blue);
  --memo-navbar-link-color: var(--memo-color-salmon);
  --memo-navbar-link-hover-color: var(--memo-color-rust);
  --memo-navbar-dropdown-bg: var(--memo-color-dark-blue);
  --memo-dropdown-border-color: var(--memo-color-blue);
  --memo-card-bg: #ffffff;
  --memo-surface-bg: var(--memo-color-very-light-gray);
  --memo-border-color: rgba(15, 23, 42, 0.1);
  --memo-theme-switch-bg: rgba(255, 255, 255, 0.12);
  --memo-theme-switch-active-bg: rgba(255, 255, 255, 0.25);
  --memo-theme-switch-color: var(--memo-color-light-salmon);
  --memo-theme-switch-active-color: var(--memo-color-rust);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --memo-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28252, 213, 181, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --memo-body-bg: #0f172a;
  --memo-body-text: #e2e8f0;
  --memo-body-muted-text: #94a3b8;
  --memo-link-color: #f97316;
  --memo-link-hover-color: #fb923c;
  --memo-link-hover-underline-color: #fdba74;
  --memo-navbar-bg: rgba(15, 23, 42, 0.94);
  --memo-navbar-link-color: #fcd5b5;
  --memo-navbar-link-hover-color: #f97316;
  --memo-navbar-dropdown-bg: #1e293b;
  --memo-dropdown-border-color: rgba(148, 163, 184, 0.45);
  --memo-card-bg: #1f2937;
  --memo-surface-bg: #1e293b;
  --memo-border-color: rgba(148, 163, 184, 0.4);
  --memo-theme-switch-bg: rgba(148, 163, 184, 0.2);
  --memo-theme-switch-active-bg: rgba(148, 163, 184, 0.35);
  --memo-theme-switch-color: #fcd5b5;
  --memo-theme-switch-active-color: #f97316;
}

@font-face {
    font-family: 'Mulish Regular';
    src: url("/static/engine/font/mulish_regular.1c91bf11fe0c.woff2") format('woff2'),
         url("/static/engine/font/mulish_regular.45ccbbb4ca7b.woff") format('woff'),
         url("/static/engine/font/mulish_regular.5416a925ffaf.ttf") format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Mulish Bold';
    src: url("/static/engine/font/mulish_bold.437564aff4cc.woff2") format('woff2'),
         url("/static/engine/font/mulish_bold.1c592b3b6ae7.woff") format('woff'),
         url("/static/engine/font/mulish_bold.b7fa867b7522.ttf") format('truetype');
    font-display: swap;
}