/* Template previews and theme swatches on memlow.com: the app's note colours, papers, fonts and themes.
   Made by scripts/seo-pages.mjs from src/data (noteColors.json, fonts.json, themes.json): edit those, not this. */

@font-face { font-family: "mf-outfit"; font-weight: 100 900; font-style: normal; font-display: swap; src: url("/notefonts/outfit.woff2") format("woff2"); }
@font-face { font-family: "mf-manrope"; font-weight: 200 800; font-style: normal; font-display: swap; src: url("/notefonts/manrope.woff2") format("woff2"); }
@font-face { font-family: "mf-lexend"; font-weight: 100 900; font-style: normal; font-display: swap; src: url("/notefonts/lexend.woff2") format("woff2"); }
@font-face { font-family: "mf-patrick_hand"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/patrick_hand.woff2") format("woff2"); }
@font-face { font-family: "mf-nunito"; font-weight: 200 1000; font-style: normal; font-display: swap; src: url("/notefonts/nunito.woff2") format("woff2"); }
@font-face { font-family: "mf-comic_neue"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/comic_neue.woff2") format("woff2"); }
@font-face { font-family: "mf-comic_neue"; font-weight: 700; font-style: normal; font-display: swap; src: url("/notefonts/comic_neue_bold.woff2") format("woff2"); }
@font-face { font-family: "mf-lora"; font-weight: 400 700; font-style: normal; font-display: swap; src: url("/notefonts/lora.woff2") format("woff2"); }
@font-face { font-family: "mf-caveat"; font-weight: 400 700; font-style: normal; font-display: swap; src: url("/notefonts/caveat.woff2") format("woff2"); }
@font-face { font-family: "mf-indie_flower"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/indie_flower.woff2") format("woff2"); }
@font-face { font-family: "mf-quicksand"; font-weight: 300 700; font-style: normal; font-display: swap; src: url("/notefonts/quicksand.woff2") format("woff2"); }
@font-face { font-family: "mf-fredoka"; font-weight: 300 700; font-style: normal; font-display: swap; src: url("/notefonts/fredoka.woff2") format("woff2"); }
@font-face { font-family: "mf-courier_prime"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/courier_prime.woff2") format("woff2"); }
@font-face { font-family: "mf-courier_prime"; font-weight: 700; font-style: normal; font-display: swap; src: url("/notefonts/courier_prime_bold.woff2") format("woff2"); }
@font-face { font-family: "mf-comfortaa"; font-weight: 300 700; font-style: normal; font-display: swap; src: url("/notefonts/comfortaa.woff2") format("woff2"); }
@font-face { font-family: "mf-playfair_display"; font-weight: 400 900; font-style: normal; font-display: swap; src: url("/notefonts/playfair_display.woff2") format("woff2"); }
@font-face { font-family: "mf-gochi_hand"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/gochi_hand.woff2") format("woff2"); }
@font-face { font-family: "mf-crimson_pro"; font-weight: 200 900; font-style: normal; font-display: swap; src: url("/notefonts/crimson_pro.woff2") format("woff2"); }
@font-face { font-family: "mf-dancing_script"; font-weight: 400 700; font-style: normal; font-display: swap; src: url("/notefonts/dancing_script.woff2") format("woff2"); }
@font-face { font-family: "mf-jetbrains_mono"; font-weight: 100 800; font-style: normal; font-display: swap; src: url("/notefonts/jetbrains_mono.woff2") format("woff2"); }
@font-face { font-family: "mf-special_elite"; font-weight: 400; font-style: normal; font-display: swap; src: url("/notefonts/special_elite.woff2") format("woff2"); }

:root {
  --nc-DEFAULT: #FFFFFF; --nc-DEFAULT-label: #57525F; --nc-DEFAULT-line: rgb(87 82 95 / 0.161); --nc-DEFAULT-strong: rgb(87 82 95 / 0.259);
  --nc-BUTTER: #FBE7A1; --nc-BUTTER-label: #6B5A1E; --nc-BUTTER-line: rgb(107 90 30 / 0.161); --nc-BUTTER-strong: rgb(107 90 30 / 0.259);
  --nc-SAGE: #CFE3C8; --nc-SAGE-label: #34452F; --nc-SAGE-line: rgb(52 69 47 / 0.161); --nc-SAGE-strong: rgb(52 69 47 / 0.259);
  --nc-LILAC: #DCD3F2; --nc-LILAC-label: #4D4170; --nc-LILAC-line: rgb(77 65 112 / 0.161); --nc-LILAC-strong: rgb(77 65 112 / 0.259);
  --nc-PEACH: #F8D2BF; --nc-PEACH-label: #6E4532; --nc-PEACH-line: rgb(110 69 50 / 0.161); --nc-PEACH-strong: rgb(110 69 50 / 0.259);
  --nc-SKY: #CFE1F2; --nc-SKY-label: #2B3E50; --nc-SKY-line: rgb(43 62 80 / 0.161); --nc-SKY-strong: rgb(43 62 80 / 0.259);
  --nc-MINT: #C8EBDD; --nc-MINT-label: #235441; --nc-MINT-line: rgb(35 84 65 / 0.161); --nc-MINT-strong: rgb(35 84 65 / 0.259);
  --nc-ROSE: #F7D2DE; --nc-ROSE-label: #7A3550; --nc-ROSE-line: rgb(122 53 80 / 0.161); --nc-ROSE-strong: rgb(122 53 80 / 0.259);
  --nc-AQUA: #C6E9EC; --nc-AQUA-label: #1F5157; --nc-AQUA-line: rgb(31 81 87 / 0.161); --nc-AQUA-strong: rgb(31 81 87 / 0.259);
  --nc-LIME: #E4EFB8; --nc-LIME-label: #46531A; --nc-LIME-line: rgb(70 83 26 / 0.161); --nc-LIME-strong: rgb(70 83 26 / 0.259);
  --nc-SAND: #EADBC4; --nc-SAND-label: #5F4A2B; --nc-SAND-line: rgb(95 74 43 / 0.161); --nc-SAND-strong: rgb(95 74 43 / 0.259);
  --nc-STONE: #E4E2DE; --nc-STONE-label: #4A4744; --nc-STONE-line: rgb(74 71 68 / 0.161); --nc-STONE-strong: rgb(74 71 68 / 0.259);
}
.theme-tile[data-theme="sakura"] { --t-page: #FFF6F8; --t-ink: #4A2E3A; --t-accent: #E48BA6; --t-font: "mf-quicksand"; }
.theme-tile[data-theme="executive"] { --t-page: #FFFFFF; --t-ink: #1F2328; --t-accent: #1E3A5F; --t-font: "mf-manrope"; }
.theme-tile[data-theme="zen"] { --t-page: #FAFAF7; --t-ink: #222222; --t-accent: #B22222; --t-font: "mf-lora"; }
.theme-tile[data-theme="botanical"] { --t-page: #F5F2E9; --t-ink: #2E3A2F; --t-accent: #6E8F72; --t-font: "mf-lora"; }
.theme-tile[data-theme="morning_pages"] { --t-page: #FFF7EE; --t-ink: #3D2B1F; --t-accent: #F08A5D; --t-font: "mf-dancing_script"; }
.theme-tile[data-theme="coastal"] { --t-page: #EEF7F8; --t-ink: #19323A; --t-accent: #2C8C99; --t-font: "mf-nunito"; }
.theme-tile[data-theme="kawaii"] { --t-page: #FFF7FB; --t-ink: #4B3A4F; --t-accent: #FF8FB1; --t-font: "mf-fredoka"; }
.theme-tile[data-theme="typewriter"] { --t-page: #F3EAD7; --t-ink: #2B2B2B; --t-accent: #8C3B2E; --t-font: "mf-special_elite"; }
.theme-tile[data-theme="midnight"] { --t-page: #141A2E; --t-ink: #E6E9F2; --t-accent: #E3B55B; --t-font: "mf-playfair_display"; }
.theme-tile[data-theme="chalkboard"] { --t-page: #2F3B33; --t-ink: #F1F1E8; --t-accent: #F6D86B; --t-font: "mf-patrick_hand"; }
.theme-tile[data-theme="art_deco"] { --t-page: #121212; --t-ink: #EDE6D6; --t-accent: #D4AF37; --t-font: "mf-playfair_display"; }
.theme-tile[data-theme="truck_art"] { --t-page: #FFF8E7; --t-ink: #2A1B3D; --t-accent: #E63946; --t-font: "mf-fredoka"; }
/* Dark: the site's switch (html[data-mode], assets/js/site.js). */
:root[data-mode="dark"] {
  --nc-DEFAULT: #1E1B24; --nc-DEFAULT-label: #B9B3C2; --nc-DEFAULT-line: rgb(185 179 194 / 0.220); --nc-DEFAULT-strong: rgb(185 179 194 / 0.322);
  --nc-BUTTER: #463C1A; --nc-BUTTER-label: #F2D98A; --nc-BUTTER-line: rgb(242 217 138 / 0.220); --nc-BUTTER-strong: rgb(242 217 138 / 0.322);
  --nc-SAGE: #2A3A29; --nc-SAGE-label: #BFD8B5; --nc-SAGE-line: rgb(191 216 181 / 0.220); --nc-SAGE-strong: rgb(191 216 181 / 0.322);
  --nc-LILAC: #342D49; --nc-LILAC-label: #D2C7F0; --nc-LILAC-line: rgb(210 199 240 / 0.220); --nc-LILAC-strong: rgb(210 199 240 / 0.322);
  --nc-PEACH: #482E24; --nc-PEACH-label: #F2C2AC; --nc-PEACH-line: rgb(242 194 172 / 0.220); --nc-PEACH-strong: rgb(242 194 172 / 0.322);
  --nc-SKY: #243446; --nc-SKY-label: #BFD6EE; --nc-SKY-line: rgb(191 214 238 / 0.220); --nc-SKY-strong: rgb(191 214 238 / 0.322);
  --nc-MINT: #1F3A31; --nc-MINT-label: #AEE0CB; --nc-MINT-line: rgb(174 224 203 / 0.220); --nc-MINT-strong: rgb(174 224 203 / 0.322);
  --nc-ROSE: #46242F; --nc-ROSE-label: #F2BACC; --nc-ROSE-line: rgb(242 186 204 / 0.220); --nc-ROSE-strong: rgb(242 186 204 / 0.322);
  --nc-AQUA: #1D3A3E; --nc-AQUA-label: #A9DDE2; --nc-AQUA-line: rgb(169 221 226 / 0.220); --nc-AQUA-strong: rgb(169 221 226 / 0.322);
  --nc-LIME: #343C1A; --nc-LIME-label: #D3E39A; --nc-LIME-line: rgb(211 227 154 / 0.220); --nc-LIME-strong: rgb(211 227 154 / 0.322);
  --nc-SAND: #3D3226; --nc-SAND-label: #E2CCAA; --nc-SAND-line: rgb(226 204 170 / 0.220); --nc-SAND-strong: rgb(226 204 170 / 0.322);
  --nc-STONE: #2E2C2B; --nc-STONE-label: #CFCBC6; --nc-STONE-line: rgb(207 203 198 / 0.220); --nc-STONE-strong: rgb(207 203 198 / 0.322);
}
[data-mode="dark"] .theme-tile[data-theme="sakura"] { --t-page: #281F29; --t-ink: #ECE9E4; --t-accent: #EEACBE; }
[data-mode="dark"] .theme-tile[data-theme="executive"] { --t-page: #181923; --t-ink: #ECE9E4; --t-accent: #586D8A; }
[data-mode="dark"] .theme-tile[data-theme="zen"] { --t-page: #26191F; --t-ink: #ECE9E4; --t-accent: #CE6960; }
[data-mode="dark"] .theme-tile[data-theme="botanical"] { --t-page: #1F2025; --t-ink: #ECE9E4; --t-accent: #95AD98; }
[data-mode="dark"] .theme-tile[data-theme="morning_pages"] { --t-page: #292024; --t-ink: #ECE9E4; --t-accent: #F7AC8C; }
[data-mode="dark"] .theme-tile[data-theme="coastal"] { --t-page: #1B1F28; --t-ink: #ECE9E4; --t-accent: #6FACB5; }
[data-mode="dark"] .theme-tile[data-theme="kawaii"] { --t-page: #2A202A; --t-ink: #ECE9E4; --t-accent: #FFAFC6; }
[data-mode="dark"] .theme-tile[data-theme="typewriter"] { --t-page: #22191F; --t-ink: #ECE9E4; --t-accent: #AF7165; }
[data-mode="dark"] .theme-tile[data-theme="midnight"] { --t-page: #141A2E; --t-ink: #E6E9F2; --t-accent: #E3B55B; }
[data-mode="dark"] .theme-tile[data-theme="chalkboard"] { --t-page: #2F3B33; --t-ink: #F1F1E8; --t-accent: #F6D86B; }
[data-mode="dark"] .theme-tile[data-theme="art_deco"] { --t-page: #121212; --t-ink: #EDE6D6; --t-accent: #D4AF37; }
[data-mode="dark"] .theme-tile[data-theme="truck_art"] { --t-page: #2A1B22; --t-ink: #ECE9E4; --t-accent: #F47B79; }

[data-color="DEFAULT"] { --s-bg: var(--nc-DEFAULT); --s-label: var(--nc-DEFAULT-label); --s-line: var(--nc-DEFAULT-line); --s-strong: var(--nc-DEFAULT-strong); }
[data-color="BUTTER"] { --s-bg: var(--nc-BUTTER); --s-label: var(--nc-BUTTER-label); --s-line: var(--nc-BUTTER-line); --s-strong: var(--nc-BUTTER-strong); }
[data-color="SAGE"] { --s-bg: var(--nc-SAGE); --s-label: var(--nc-SAGE-label); --s-line: var(--nc-SAGE-line); --s-strong: var(--nc-SAGE-strong); }
[data-color="LILAC"] { --s-bg: var(--nc-LILAC); --s-label: var(--nc-LILAC-label); --s-line: var(--nc-LILAC-line); --s-strong: var(--nc-LILAC-strong); }
[data-color="PEACH"] { --s-bg: var(--nc-PEACH); --s-label: var(--nc-PEACH-label); --s-line: var(--nc-PEACH-line); --s-strong: var(--nc-PEACH-strong); }
[data-color="SKY"] { --s-bg: var(--nc-SKY); --s-label: var(--nc-SKY-label); --s-line: var(--nc-SKY-line); --s-strong: var(--nc-SKY-strong); }
[data-color="MINT"] { --s-bg: var(--nc-MINT); --s-label: var(--nc-MINT-label); --s-line: var(--nc-MINT-line); --s-strong: var(--nc-MINT-strong); }
[data-color="ROSE"] { --s-bg: var(--nc-ROSE); --s-label: var(--nc-ROSE-label); --s-line: var(--nc-ROSE-line); --s-strong: var(--nc-ROSE-strong); }
[data-color="AQUA"] { --s-bg: var(--nc-AQUA); --s-label: var(--nc-AQUA-label); --s-line: var(--nc-AQUA-line); --s-strong: var(--nc-AQUA-strong); }
[data-color="LIME"] { --s-bg: var(--nc-LIME); --s-label: var(--nc-LIME-label); --s-line: var(--nc-LIME-line); --s-strong: var(--nc-LIME-strong); }
[data-color="SAND"] { --s-bg: var(--nc-SAND); --s-label: var(--nc-SAND-label); --s-line: var(--nc-SAND-line); --s-strong: var(--nc-SAND-strong); }
[data-color="STONE"] { --s-bg: var(--nc-STONE); --s-label: var(--nc-STONE-label); --s-line: var(--nc-STONE-line); --s-strong: var(--nc-STONE-strong); }
[data-font="outfit"] { --s-font: "mf-outfit"; --s-scale: 1.02; }
[data-font="manrope"] { --s-font: "mf-manrope"; --s-scale: 0.98; }
[data-font="lexend"] { --s-font: "mf-lexend"; --s-scale: 0.95; }
[data-font="patrick_hand"] { --s-font: "mf-patrick_hand"; --s-scale: 1.12; --s-bold: 400; }
[data-font="nunito"] { --s-font: "mf-nunito"; --s-scale: 1; }
[data-font="comic_neue"] { --s-font: "mf-comic_neue"; --s-scale: 1.04; }
[data-font="lora"] { --s-font: "mf-lora"; --s-scale: 1.02; }
[data-font="caveat"] { --s-font: "mf-caveat"; --s-scale: 1.28; }
[data-font="indie_flower"] { --s-font: "mf-indie_flower"; --s-scale: 1.08; --s-bold: 400; }
[data-font="quicksand"] { --s-font: "mf-quicksand"; --s-scale: 1; }
[data-font="fredoka"] { --s-font: "mf-fredoka"; --s-scale: 1; }
[data-font="courier_prime"] { --s-font: "mf-courier_prime"; --s-scale: 1; }
[data-font="comfortaa"] { --s-font: "mf-comfortaa"; --s-scale: 0.95; }
[data-font="playfair_display"] { --s-font: "mf-playfair_display"; --s-scale: 1.04; }
[data-font="gochi_hand"] { --s-font: "mf-gochi_hand"; --s-scale: 1.12; --s-bold: 400; }
[data-font="crimson_pro"] { --s-font: "mf-crimson_pro"; --s-scale: 1.14; }
[data-font="dancing_script"] { --s-font: "mf-dancing_script"; --s-scale: 1.22; }
[data-font="jetbrains_mono"] { --s-font: "mf-jetbrains_mono"; --s-scale: 0.92; }
[data-font="special_elite"] { --s-font: "mf-special_elite"; --s-scale: 0.98; --s-bold: 400; }