/* Generated from design/morning-paper-tokens.json. Morning, then Evening. */
:root {
  --paper: #f8f3e7;
  --paper-deep: #f2ebda;
  --card: #fffdf7;
  --edge: #e6dcc6;
  --dot: #e2d8c2;
  --paper-sand: #f3ead6;
  --dot-sand: #ddd0b4;
  --paper-mist: #ecefea;
  --dot-mist: #d5dad2;
  --paper-blush: #f5e9e2;
  --dot-blush: #e6d3c7;
  --ink: #3d3226;
  --ink-muted: #75664f;
  --leaf: #2f7d4a;
  --leaf-hover: #2a7043;
  --leaf-deep: #1f5a34;
  --leaf-tint: #e3f1e6;
  --leaf-ink: #245e39;
  --on-leaf: #ffffff;
  --berry: #b4432e;
  --sticky-ink: #3d3226;
  --sticky-ink-muted: #5f5039;
  --sticky-paper: #fffdf7;
  --sticky-clay-ink: #7f2f1a;
  --sticky-leaf-ink: #1f5a34;
  --sticky-butter: #ffe7a3;
  --sticky-butter-edge: #e8cc7e;
  --sticky-peach: #ffd6c4;
  --sticky-peach-edge: #ebb8a2;
  --sticky-mint: #cdedd5;
  --sticky-mint-edge: #a9d4b4;
  --sticky-sky: #cfe5f8;
  --sticky-sky-edge: #a8cbea;
  --region-butter: #fcedc5;
  --region-peach: #fce4d6;
  --region-mint: #e2f0de;
  --region-sky: #e4ecf0;
  --board-leaf: {leaf};
  --board-clay: #e8b4a0;
  --board-sky: #a9cdeb;
  --focus: {leaf};
  --hover: #eee6d2;
  --hover-deep: #e6dcc6;
  --notch: #000000;
  --magpie: #121015;
  --art-paper-hi: #fffdf7;
  --art-paper-mid: #fbf1d8;
  --art-paper-low: #f0d9a6;
  --art-paper-edge-hi: #c9a86a;
  --art-paper-edge-low: #8f6e3c;
  --art-dot: #d9c58e;
  --art-card-low: #f6eedc;
  --art-card-edge: #c9b48a;
  --art-butter-hi: #fff1be;
  --art-butter-mid: #ffd978;
  --art-butter-low: #f2b24a;
  --art-butter-edge-hi: #e0992f;
  --art-butter-edge-low: #b9741c;
  --art-line: #6b4a16;
  --art-tick-empty: #fff8e0;
  --art-leaf-hi: #8fdba6;
  --art-leaf-mid: #3f9d63;
  --art-leaf-low: #1f5a34;
  --art-leaf-deep: #174a2a;
  --art-felt-hi: #c9f0d3;
  --art-felt-mid: #4fae72;
  --art-you-tube-hi: #ff6a5c;
  --art-you-tube-mid: #f01d1d;
  --art-you-tube-low: #a80f1e;
  --art-you-tube-edge-hi: #8e0c18;
  --art-you-tube-edge-low: #5c0710;
  --art-x-hi: #4a4656;
  --art-x-mid: #17151c;
  --art-x-low: #050408;
  --art-linked-in-hi: #4fb2ee;
  --art-linked-in-mid: #0a66c2;
  --art-linked-in-low: #063f86;
  --art-linked-in-edge-hi: #05397a;
  --art-linked-in-edge-low: #03264f;
  --art-thumb-hi: #ff8a5c;
  --art-thumb-mid: #e0413a;
  --art-thumb-low: #7a1b3a;
  --art-trail-red: #c94a3c;
  --art-trail-grey: #6e6a78;
  --art-trail-blue: #3e86cc;
  --art-key-low: #eadfc6;
  --art-key-edge: #bfa36f;
  --art-stick: #5c4a36;
  --art-moon-hi: #fff4cc;
  --art-moon-mid: #ffd267;
  --art-moon-low: #e08a2e;
  --art-moon-edge: #c97a1e;
  --art-sparkle: #fff4cc;
  --art-shadow: #3d3226;
  --magpie-blue: #1d2a5e;
  --web-page: #ffffff;
  --web-ink: #0f1419;
  --web-muted: #536471;
  --web-line: #eff3f4;
  --web-chrome: #ececec;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-press-sm: 0 2px 0 #e6dcc6;
  --shadow-press: 0 4px 0 #e2d8c2;
  --shadow-press-leaf: 0 4px 0 #1f5a34;
  --shadow-lift: 0 3px 0 #e6dcc6, 0 10px 24px rgba(61, 50, 38, 0.07);
  --shadow-float: 0 4px 0 #e6dcc6, 0 18px 40px rgba(61, 50, 38, 0.18);
  --font-sans: Nunito, ui-rounded, system-ui, sans-serif;
  --font-hand: Caveat, "Bradley Hand", cursive;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-settle: cubic-bezier(0.34, 1.56, 0.64, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root {
  --paper: #221d17;
  --paper-deep: #1b1712;
  --card: #2d2720;
  --edge: #15110d;
  --dot: #3a3229;
  --paper-sand: #261f16;
  --dot-sand: #3d3326;
  --paper-mist: #1e211f;
  --dot-mist: #343b37;
  --paper-blush: #271e1b;
  --dot-blush: #41332d;
  --ink: #f3ecdd;
  --ink-muted: #bfb09a;
  --leaf: #6cc08a;
  --leaf-hover: #7acb97;
  --leaf-deep: #3e8a58;
  --leaf-tint: #1f3527;
  --leaf-ink: #9ad8ae;
  --on-leaf: #12301e;
  --berry: #e07a64;
  --sticky-ink: #2b2219;
  --sticky-ink-muted: #5f5039;
  --sticky-paper: #fffdf7;
  --sticky-clay-ink: #7f2f1a;
  --sticky-leaf-ink: #1f5a34;
  --sticky-butter: #e9cf84;
  --sticky-butter-edge: #b89d52;
  --sticky-peach: #e8b9a5;
  --sticky-peach-edge: #b98b78;
  --sticky-mint: #a9d1b5;
  --sticky-mint-edge: #7fa68b;
  --sticky-sky: #a9c9e6;
  --sticky-sky-edge: #7c9cba;
  --region-butter: #4a412d;
  --region-peach: #4a3c33;
  --region-mint: #3d4137;
  --region-sky: #3d3f40;
  --board-leaf: {leaf};
  --board-clay: #d39a85;
  --board-sky: #86b2d8;
  --focus: {leaf};
  --hover: #3a3229;
  --hover-deep: #463d32;
  --notch: #000000;
  --magpie: #4a4656;
  --art-paper-hi: #fffdf7;
  --art-paper-mid: #fbf1d8;
  --art-paper-low: #f0d9a6;
  --art-paper-edge-hi: #c9a86a;
  --art-paper-edge-low: #8f6e3c;
  --art-dot: #d9c58e;
  --art-card-low: #f6eedc;
  --art-card-edge: #c9b48a;
  --art-butter-hi: #fff1be;
  --art-butter-mid: #ffd978;
  --art-butter-low: #f2b24a;
  --art-butter-edge-hi: #e0992f;
  --art-butter-edge-low: #b9741c;
  --art-line: #6b4a16;
  --art-tick-empty: #fff8e0;
  --art-leaf-hi: #8fdba6;
  --art-leaf-mid: #3f9d63;
  --art-leaf-low: #1f5a34;
  --art-leaf-deep: #174a2a;
  --art-felt-hi: #c9f0d3;
  --art-felt-mid: #4fae72;
  --art-you-tube-hi: #ff6a5c;
  --art-you-tube-mid: #f01d1d;
  --art-you-tube-low: #a80f1e;
  --art-you-tube-edge-hi: #8e0c18;
  --art-you-tube-edge-low: #5c0710;
  --art-x-hi: #4a4656;
  --art-x-mid: #17151c;
  --art-x-low: #050408;
  --art-linked-in-hi: #4fb2ee;
  --art-linked-in-mid: #0a66c2;
  --art-linked-in-low: #063f86;
  --art-linked-in-edge-hi: #05397a;
  --art-linked-in-edge-low: #03264f;
  --art-thumb-hi: #ff8a5c;
  --art-thumb-mid: #e0413a;
  --art-thumb-low: #7a1b3a;
  --art-trail-red: #c94a3c;
  --art-trail-grey: #6e6a78;
  --art-trail-blue: #3e86cc;
  --art-key-low: #eadfc6;
  --art-key-edge: #bfa36f;
  --art-stick: #5c4a36;
  --art-moon-hi: #fff4cc;
  --art-moon-mid: #ffd267;
  --art-moon-low: #e08a2e;
  --art-moon-edge: #c97a1e;
  --art-sparkle: #fff4cc;
  --art-shadow: #3d3226;
  --magpie-blue: #4258a8;
  --web-page: #000000;
  --web-ink: #e7e9ea;
  --web-muted: #71767b;
  --web-line: #2f3336;
  --web-chrome: #2a2a2a;
  --shadow-press-sm: 0 2px 0 #15110d;
  --shadow-press: 0 4px 0 #15110d;
  --shadow-press-leaf: 0 4px 0 #3e8a58;
  --shadow-lift: 0 3px 0 #15110d, 0 10px 24px rgba(0, 0, 0, 0.3);
  --shadow-float: 0 4px 0 #15110d, 0 18px 40px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}
}