:root {
  color-scheme: light;
  --memo-color-dark-blue: rgb(36, 58, 98);
  --memo-color-blue: rgb(79, 97, 129);
  --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-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-salmon);
  --memo-theme-switch-active-color: var(--memo-color-very-light-gray);
  --memo-font-fallbacks: "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali",
    "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Sinhala", "Noto Sans Tamil",
    "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Myanmar", "Noto Sans CJK JP", "Noto Sans CJK KR",
    "Noto Sans CJK SC", "Noto Sans CJK TC", "Nirmala UI", "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji",
    "Noto Color Emoji", "Yu Gothic UI", "Meiryo", "Malgun Gothic", "Microsoft YaHei", "Microsoft JhengHei",
    "PingFang SC", "PingFang TC", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Apple SD Gothic Neo",
    "Roboto", "Helvetica Neue", "Liberation Sans", "DejaVu Sans", "Arial Unicode MS", system-ui, -apple-system,
    BlinkMacSystemFont, sans-serif;
  --memo-body-font-family: "Mulish Regular", var(--memo-font-fallbacks);
  --memo-heading-font-family: "Mulish Bold", var(--memo-font-fallbacks);
  --memo-strong-font-family: "Mulish Bold", var(--memo-font-fallbacks);
  --memo-body-font-weight: 300;
  --memo-heading-font-weight: 700;
  --memo-strong-font-weight: 700;
}

:root[data-font-size="large"] {
  --memo-title-font-size: 2.2rem;
  --memo-subtitle-font-size: 1.7rem;
  --memo-text-font-size: 1.32rem;
  --memo-button-font-size: 1.05rem;
}

:root[data-font-size="xlarge"] {
  --memo-title-font-size: 2.4rem;
  --memo-subtitle-font-size: 1.9rem;
  --memo-text-font-size: 1.48rem;
  --memo-button-font-size: 1.16rem;
}

:root[data-font-family="standard"] {
  --memo-body-font-family: "Mulish Regular", var(--memo-font-fallbacks);
  --memo-heading-font-family: "Mulish Bold", var(--memo-font-fallbacks);
  --memo-strong-font-family: "Mulish Bold", var(--memo-font-fallbacks);
  --memo-body-font-weight: 300;
  --memo-heading-font-weight: 700;
  --memo-strong-font-weight: 700;
}

:root[data-font-family="alta-legibilita"] {
  --memo-body-font-family: "Atkinson Hyperlegible", var(--memo-font-fallbacks);
  --memo-heading-font-family: "Atkinson Hyperlegible", var(--memo-font-fallbacks);
  --memo-strong-font-family: "Atkinson Hyperlegible", var(--memo-font-fallbacks);
  --memo-body-font-weight: 400;
  --memo-heading-font-weight: 700;
  --memo-strong-font-weight: 700;
}

:root[data-font-family="relax"] {
  --memo-body-font-family: "Lexend Deca", var(--memo-font-fallbacks);
  --memo-heading-font-family: "Lexend Deca", var(--memo-font-fallbacks);
  --memo-strong-font-family: "Lexend Deca", var(--memo-font-fallbacks);
  --memo-body-font-weight: 400;
  --memo-heading-font-weight: 700;
  --memo-strong-font-weight: 700;
}

:root[data-font-family="dislessia"] {
  --memo-body-font-family: "OpenDyslexic", var(--memo-font-fallbacks);
  --memo-heading-font-family: "OpenDyslexic", var(--memo-font-fallbacks);
  --memo-strong-font-family: "OpenDyslexic", var(--memo-font-fallbacks);
  --memo-body-font-weight: 400;
  --memo-heading-font-weight: 700;
  --memo-strong-font-weight: 700;
}

: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-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;
}

:root[data-theme="daltonic"] {
  color-scheme: light;
  --memo-color-dark-blue: #003049;
  --memo-color-blue: #0b7285;
  --memo-color-light-blue: #d7eff6;
  --memo-color-very-light-gray: #f1f5f9;
  --memo-color-salmon: #fbbf24;
  --memo-color-light-salmon: #fef3c7;
  --memo-color-rust: #1e88e5;
  --memo-color-light-rust: #4dabf7;
  --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%28251, 191, 36, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --memo-body-bg: #ffffff;
  --memo-body-text: #0f172a;
  --memo-body-muted-text: #475569;
  --memo-link-color: #1e88e5;
  --memo-link-hover-color: #0f6ab4;
  --memo-link-hover-underline-color: #fbbf24;
  --memo-navbar-bg: #003049;
  --memo-navbar-link-color: #f8fafc;
  --memo-navbar-link-hover-color: #fbbf24;
  --memo-card-bg: #ffffff;
  --memo-surface-bg: #f1f5f9;
  --memo-border-color: rgba(15, 55, 95, 0.18);
  --memo-theme-switch-bg: rgba(248, 250, 252, 0.2);
  --memo-theme-switch-active-bg: #fbbf24;
  --memo-theme-switch-color: #f8fafc;
  --memo-theme-switch-active-color: #082f49;
}

@font-face {
    font-family: "Mulish Regular";
    font-style: normal;
    font-weight: 400;
    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";
    font-style: normal;
    font-weight: 700;
    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;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 400;
    src: url("/static/engine/font/atkinsonhyperlegible_regular.3bcddc26bc79.woff2") format("woff2"),
         url("/static/engine/font/atkinsonhyperlegible_regular.59f0f5543754.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 700;
    src: url("/static/engine/font/atkinsonhyperlegible_bold.47a6d744ab5b.woff2") format("woff2"),
         url("/static/engine/font/atkinsonhyperlegible_bold.f2193e9c742b.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 400;
    src: url("/static/engine/font/lexenddeca_regular.26fc85bd8042.woff2") format("woff2"),
         url("/static/engine/font/lexenddeca_regular.a38842a5074c.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 700;
    src: url("/static/engine/font/lexenddeca_bold.2db048624e3c.woff2") format("woff2"),
         url("/static/engine/font/lexenddeca_bold.c38cb57ab6f8.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "OpenDyslexic";
    font-style: normal;
    font-weight: 400;
    src: url("/static/engine/font/opendyslexic_regular.209dda5cb267.woff2") format("woff2"),
         url("/static/engine/font/opendyslexic_regular.e7081a0888a8.woff") format("woff"),
         url("/static/engine/font/opendyslexic_regular.cc4f542c3d25.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "OpenDyslexic";
    font-style: normal;
    font-weight: 700;
    src: url("/static/engine/font/opendyslexic_bold.df553171a66f.woff2") format("woff2"),
         url("/static/engine/font/opendyslexic_bold.cfd3b1ae9b33.woff") format("woff"),
         url("/static/engine/font/opendyslexic_bold.e8e4bbb789af.ttf") format("truetype");
    font-display: swap;
}