/* Theme colors: the website follows the phone or computer's light/dark setting.
   Made by the dark-mode converter. Each name says the job and the light color it
   replaced (bg = background, fg = text and icons, line = borders; -up = a surface
   that floats above the page, like a sheet or menu). Light values are the exact
   colors that were there before, so light mode looks the same.
   For new work, use these (or the --color-* names in css/stickerbook.css) instead of
   typing a color, so dark mode keeps working. */

:root {
  color-scheme: light dark;
  --th-bg-000000-a8: rgba(0, 0, 0, 0.08);
  --th-bg-09090b-a12: rgba(9, 9, 11, 0.12);
  --th-bg-a5f3fc: #a5f3fc;
  --th-bg-a7f3d0: #a7f3d0;
  --th-bg-c4c4cc: #c4c4cc;
  --th-bg-ccfbf1: #ccfbf1;
  --th-bg-d1d1d6: #d1d1d6;
  --th-bg-d4d4d8: #d4d4d8;
  --th-bg-d4d4dc: #d4d4dc;
  --th-bg-d6d6d6: #d6d6d6;
  --th-bg-d6d6de: #d6d6de;
  --th-bg-d8d5e0: #d8d5e0;
  --th-bg-dcfaf1: #dcfaf1;
  --th-bg-dcfce7: #dcfce7;
  --th-bg-dddddd: #dddddd;
  --th-bg-e0e0e0: #e0e0e0;
  --th-bg-e2f4f1: #e2f4f1;
  --th-bg-e4e1ea: #e4e1ea;
  --th-bg-e4e4e7: #e4e4e7;
  --th-bg-e5e5e5: #e5e5e5;
  --th-bg-e6ddfb: #e6ddfb;
  --th-bg-e6f7f4: #e6f7f4;
  --th-bg-e6faf6: #e6faf6;
  --th-bg-e7e5ec: #e7e5ec;
  --th-bg-e7e6ec: #e7e6ec;
  --th-bg-e7e7ec: #e7e7ec;
  --th-bg-e8f7f4: #e8f7f4;
  --th-bg-ebe6f6: #ebe6f6;
  --th-bg-ebe6f9: #ebe6f9;
  --th-bg-ece8f6: #ece8f6;
  --th-bg-ececf0: #ececf0;
  --th-bg-ececf2: #ececf2;
  --th-bg-ecfdf5: #ecfdf5;
  --th-bg-ecfdf8: #ecfdf8;
  --th-bg-ede9fe: #ede9fe;
  --th-bg-edebf2: #edebf2;
  --th-bg-edf7f5: #edf7f5;
  --th-bg-eeeaf8: #eeeaf8;
  --th-bg-eeeeee: #eeeeee;
  --th-bg-efe7ff: #efe7ff;
  --th-bg-efe8fc: #efe8fc;
  --th-bg-efe9fd: #efe9fd;
  --th-bg-efeafc: #efeafc;
  --th-bg-f0edf6: #f0edf6;
  --th-bg-f0f0f0: #f0f0f0;
  --th-bg-f1eafe: #f1eafe;
  --th-bg-f1ebfd: #f1ebfd;
  --th-bg-f1ebff: #f1ebff;
  --th-bg-f1ecfd: #f1ecfd;
  --th-bg-f1f1f3: #f1f1f3;
  --th-bg-f1f1f4: #f1f1f4;
  --th-bg-f1f1f5: #f1f1f5;
  --th-bg-f3eef9: #f3eef9;
  --th-bg-f3eefe: #f3eefe;
  --th-bg-f3efff: #f3efff;
  --th-bg-f3f0fb: #f3f0fb;
  --th-bg-f3f3f7: #f3f3f7;
  --th-bg-f3f4f6: #f3f4f6;
  --th-bg-f4f0fd: #f4f0fd;
  --th-bg-f4f2f8: #f4f2f8;
  --th-bg-f4f4f5: #f4f4f5;
  --th-bg-f4f4f6: #f4f4f6;
  --th-bg-f4f5f5: #f4f5f5;
  --th-bg-f5f1fe: #f5f1fe;
  --th-bg-f5f3ff: #f5f3ff;
  --th-bg-f5f5f5: #f5f5f5;
  --th-bg-f6f2ff: #f6f2ff;
  --th-bg-f6f4fb: #f6f4fb;
  --th-bg-f6f5f9: #f6f5f9;
  --th-bg-f6f5fa: #f6f5fa;
  --th-bg-f6f5fb: #f6f5fb;
  --th-bg-f6f6f8: #f6f6f8;
  --th-bg-f7f3fe: #f7f3fe;
  --th-bg-f7f4fd: #f7f4fd;
  --th-bg-f7f5fd: #f7f5fd;
  --th-bg-f7f6fa: #f7f6fa;
  --th-bg-f7f7f9: #f7f7f9;
  --th-bg-f9f9f9: #f9f9f9;
  --th-bg-f9fafb: #f9fafb;
  --th-bg-faf5ff: #faf5ff;
  --th-bg-faf8fe: #faf8fe;
  --th-bg-fafafa: #fafafa;
  --th-bg-fafafb: #fafafb;
  --th-bg-fafafc-a98: rgba(250, 250, 252, 0.98);
  --th-bg-fde68a: #fde68a;
  --th-bg-fee2e2: #fee2e2;
  --th-bg-fef2f2: #fef2f2;
  --th-bg-fef2f2-a94: rgba(254, 242, 242, 0.94);
  --th-bg-fef3c7: #fef3c7;
  --th-bg-fffbeb: #fffbeb;
  --th-bg-ffffff: #ffffff;
  --th-bg-ffffff-a0: rgba(255, 255, 255, 0);
  --th-bg-ffffff-a55-up: rgba(255, 255, 255, 0.55);
  --th-bg-ffffff-a58-up: rgba(255, 255, 255, 0.58);
  --th-bg-ffffff-a60: rgba(255, 255, 255, 0.6);
  --th-bg-ffffff-a85: rgba(255, 255, 255, 0.85);
  --th-bg-ffffff-a85-up: rgba(255, 255, 255, 0.85);
  --th-bg-ffffff-a92: rgba(255, 255, 255, 0.92);
  --th-bg-ffffff-a92-up: rgba(255, 255, 255, 0.92);
  --th-bg-ffffff-a94: rgba(255, 255, 255, 0.94);
  --th-bg-ffffff-a95: rgba(255, 255, 255, 0.95);
  --th-bg-ffffff-a95-up: rgba(255, 255, 255, 0.95);
  --th-bg-ffffff-a97: rgba(255, 255, 255, 0.97);
  --th-bg-ffffff-a97-up: rgba(255, 255, 255, 0.97);
  --th-bg-ffffff-a98-up: rgba(255, 255, 255, 0.98);
  --th-bg-ffffff-up: #ffffff;
  --th-fg-000000: #000000;
  --th-fg-047857: #047857;
  --th-fg-065f46: #065f46;
  --th-fg-0f766e: #0f766e;
  --th-fg-111111: #111111;
  --th-fg-111827: #111827;
  --th-fg-15803d: #15803d;
  --th-fg-166534: #166534;
  --th-fg-18181b: #18181b;
  --th-fg-1a1a1a: #1a1a1a;
  --th-fg-1a1a2e: #1a1a2e;
  --th-fg-1c1c24: #1c1c24;
  --th-fg-1f2937: #1f2937;
  --th-fg-1f3a8a: #1f3a8a;
  --th-fg-222222: #222222;
  --th-fg-333333: #333333;
  --th-fg-374151: #374151;
  --th-fg-3f3f46: #3f3f46;
  --th-fg-444444: #444444;
  --th-fg-4b1c9c: #4b1c9c;
  --th-fg-4b4560: #4b4560;
  --th-fg-4b4b57: #4b4b57;
  --th-fg-4b5563: #4b5563;
  --th-fg-52525b: #52525b;
  --th-fg-555555: #555555;
  --th-fg-5b21b6: #5b21b6;
  --th-fg-5b2fc4: #5b2fc4;
  --th-fg-5b4b8a: #5b4b8a;
  --th-fg-6630d1: #6630d1;
  --th-fg-666666: #666666;
  --th-fg-6b4405: #6b4405;
  --th-fg-6b6878: #6b6878;
  --th-fg-6b6b78: #6b6b78;
  --th-fg-6b7280: #6b7280;
  --th-fg-6d28d9: #6d28d9;
  --th-fg-6d28d9-a50: rgba(109, 40, 217, 0.5);
  --th-fg-6d28d9-a60: rgba(109, 40, 217, 0.6);
  --th-fg-6e6a80: #6e6a80;
  --th-fg-71717a: #71717a;
  --th-fg-77718a: #77718a;
  --th-fg-777777: #777777;
  --th-fg-78350f: #78350f;
  --th-fg-7a7a80: #7a7a80;
  --th-fg-7c3aed: #7c3aed;
  --th-fg-7f1d1d: #7f1d1d;
  --th-fg-888888: #888888;
  --th-fg-8a8a99: #8a8a99;
  --th-fg-8b5cf6: #8b5cf6;
  --th-fg-8b85a0: #8b85a0;
  --th-fg-8b8b96: #8b8b96;
  --th-fg-8b8b98: #8b8b98;
  --th-fg-92400e: #92400e;
  --th-fg-991b1b: #991b1b;
  --th-fg-999999: #999999;
  --th-fg-9a9aa0: #9a9aa0;
  --th-fg-9a9aa6: #9a9aa6;
  --th-fg-9a9aa8: #9a9aa8;
  --th-fg-9c97ae: #9c97ae;
  --th-fg-9ca3af: #9ca3af;
  --th-fg-a1a1aa: #a1a1aa;
  --th-fg-a8a3b8: #a8a3b8;
  --th-fg-a9a4b6: #a9a4b6;
  --th-fg-aaaaaa: #aaaaaa;
  --th-fg-b04a4a: #b04a4a;
  --th-fg-b45309: #b45309;
  --th-fg-b91c1c: #b91c1c;
  --th-fg-bbbbbb: #bbbbbb;
  --th-fg-c0392b: #c0392b;
  --th-fg-c9c9d0: #c9c9d0;
  --th-fg-cccccc: #cccccc;
  --th-fg-cfcadb: #cfcadb;
  --th-fg-db2777: #db2777;
  --th-fg-dc2626: #dc2626;
  --th-fg-e53935: #e53935;
  --th-line-000000-a12: rgba(0, 0, 0, 0.12);
  --th-line-000000-a15: rgba(0, 0, 0, 0.15);
  --th-line-000000-a18: rgba(0, 0, 0, 0.18);
  --th-line-000000-a6: rgba(0, 0, 0, 0.06);
  --th-line-000000-a8: rgba(0, 0, 0, 0.08);
  --th-line-18181b: #18181b;
  --th-line-a1a1aa: #a1a1aa;
  --th-line-bbf7d0: #bbf7d0;
  --th-line-c0c0c0: #c0c0c0;
  --th-line-ccf3e8: #ccf3e8;
  --th-line-d1d5db: #d1d5db;
  --th-line-d4d4d8: #d4d4d8;
  --th-line-d4d4da: #d4d4da;
  --th-line-d6d3de: #d6d3de;
  --th-line-dddddd: #dddddd;
  --th-line-e1e4e8: #e1e4e8;
  --th-line-e3e3e3: #e3e3e3;
  --th-line-e4e4e7: #e4e4e7;
  --th-line-e4e4ec: #e4e4ec;
  --th-line-e5e5e5: #e5e5e5;
  --th-line-e5e7eb: #e5e7eb;
  --th-line-e6e4ea: #e6e4ea;
  --th-line-e6e6eb: #e6e6eb;
  --th-line-e7e4ef: #e7e4ef;
  --th-line-ececf1: #ececf1;
  --th-line-ececf2: #ececf2;
  --th-line-ede9fe: #ede9fe;
  --th-line-eeeeee: #eeeeee;
  --th-line-efe9fd: #efe9fd;
  --th-line-efedf2: #efedf2;
  --th-line-f0eff5: #f0eff5;
  --th-line-f0f0f0: #f0f0f0;
  --th-line-f2f2f2: #f2f2f2;
  --th-line-f3f3f7: #f3f3f7;
  --th-line-f3f4f6: #f3f4f6;
  --th-line-f4f4f5: #f4f4f5;
  --th-line-fde68a: #fde68a;
  --th-line-ffffff: #ffffff;
  --th-line-ffffff-a55: rgba(255, 255, 255, 0.55);
  --th-line-ffffff-a70: rgba(255, 255, 255, 0.7);
  --th-line-ffffff-a85: rgba(255, 255, 255, 0.85);
  --th-line-ffffff-a90: rgba(255, 255, 255, 0.9);
}

@media (prefers-color-scheme: dark) {
  :root {
    --th-bg-000000-a8: rgba(255, 255, 255, 0.11);
    --th-bg-09090b-a12: rgba(255, 255, 255, 0.16);
    --th-bg-a5f3fc: #1b393f;
    --th-bg-a7f3d0: #1d3b2f;
    --th-bg-c4c4cc: #52525b;
    --th-bg-ccfbf1: #1b3c38;
    --th-bg-d1d1d6: #52525b;
    --th-bg-d4d4d8: #52525b;
    --th-bg-d4d4dc: #52525b;
    --th-bg-d6d6d6: #52525b;
    --th-bg-d6d6de: #52525b;
    --th-bg-d8d5e0: #52525b;
    --th-bg-dcfaf1: #1d3a34;
    --th-bg-dcfce7: #1b3c29;
    --th-bg-dddddd: #3f3f46;
    --th-bg-e0e0e0: #3f3f46;
    --th-bg-e2f4f1: #223635;
    --th-bg-e4e1ea: #292238;
    --th-bg-e4e4e7: #3f3f46;
    --th-bg-e5e5e5: #3f3f46;
    --th-bg-e6ddfb: #261c3e;
    --th-bg-e6f7f4: #223635;
    --th-bg-e6faf6: #1f3936;
    --th-bg-e7e5ec: #282238;
    --th-bg-e7e6ec: #252238;
    --th-bg-e7e7ec: #3f3f46;
    --th-bg-e8f7f4: #223634;
    --th-bg-ebe6f6: #282238;
    --th-bg-ebe6f9: #26203a;
    --th-bg-ece8f6: #282238;
    --th-bg-ececf0: #3f3f46;
    --th-bg-ececf2: #222238;
    --th-bg-ecfdf5: #1c3c2f;
    --th-bg-ecfdf8: #1c3c35;
    --th-bg-ede9fe: #211b3f;
    --th-bg-edebf2: #282238;
    --th-bg-edf7f5: #223634;
    --th-bg-eeeaf8: #282238;
    --th-bg-eeeeee: #3f3f46;
    --th-bg-efe7ff: #261b3f;
    --th-bg-efe8fc: #271d3d;
    --th-bg-efe9fd: #251c3f;
    --th-bg-efeafc: #251d3d;
    --th-bg-f0edf6: #292238;
    --th-bg-f0f0f0: #27272a;
    --th-bg-f1eafe: #271b3f;
    --th-bg-f1ebfd: #261c3e;
    --th-bg-f1ebff: #251b3f;
    --th-bg-f1ecfd: #251c3e;
    --th-bg-f1f1f3: #27272a;
    --th-bg-f1f1f4: #27272a;
    --th-bg-f1f1f5: #27272a;
    --th-bg-f3eef9: #2b2238;
    --th-bg-f3eefe: #261b3f;
    --th-bg-f3efff: #231b3f;
    --th-bg-f3f0fb: #27203a;
    --th-bg-f3f3f7: #27272a;
    --th-bg-f3f4f6: #27272a;
    --th-bg-f4f0fd: #261d3d;
    --th-bg-f4f2f8: #292238;
    --th-bg-f4f4f5: #27272a;
    --th-bg-f4f4f6: #27272a;
    --th-bg-f4f5f5: #27272a;
    --th-bg-f5f1fe: #251b3f;
    --th-bg-f5f3ff: #211b3f;
    --th-bg-f5f5f5: #27272a;
    --th-bg-f6f2ff: #251b3f;
    --th-bg-f6f4fb: #282238;
    --th-bg-f6f5f9: #27272a;
    --th-bg-f6f5fa: #27272a;
    --th-bg-f6f5fb: #252238;
    --th-bg-f6f6f8: #27272a;
    --th-bg-f7f3fe: #271b3f;
    --th-bg-f7f4fd: #271e3c;
    --th-bg-f7f5fd: #251f3b;
    --th-bg-f7f6fa: #27272a;
    --th-bg-f7f7f9: #1f1f23;
    --th-bg-f9f9f9: #1f1f23;
    --th-bg-f9fafb: #1f1f23;
    --th-bg-faf5ff: #2c1b3f;
    --th-bg-faf8fe: #271d3d;
    --th-bg-fafafa: #1f1f23;
    --th-bg-fafafb: #1f1f23;
    --th-bg-fafafc-a98: rgba(31, 31, 35, 0.98);
    --th-bg-fde68a: #3c361e;
    --th-bg-fee2e2: #3c1b1e;
    --th-bg-fef2f2: #3c1b1e;
    --th-bg-fef2f2-a94: rgba(60, 27, 30, 0.94);
    --th-bg-fef3c7: #3c361e;
    --th-bg-fffbeb: #3c361e;
    --th-bg-ffffff: #09090b;
    --th-bg-ffffff-a0: rgba(9, 9, 11, 0);
    --th-bg-ffffff-a55-up: rgba(24, 24, 27, 0.55);
    --th-bg-ffffff-a58-up: rgba(24, 24, 27, 0.58);
    --th-bg-ffffff-a60: rgba(9, 9, 11, 0.6);
    --th-bg-ffffff-a85: rgba(9, 9, 11, 0.85);
    --th-bg-ffffff-a85-up: rgba(24, 24, 27, 0.85);
    --th-bg-ffffff-a92: rgba(9, 9, 11, 0.92);
    --th-bg-ffffff-a92-up: rgba(24, 24, 27, 0.92);
    --th-bg-ffffff-a94: rgba(9, 9, 11, 0.94);
    --th-bg-ffffff-a95: rgba(9, 9, 11, 0.95);
    --th-bg-ffffff-a95-up: rgba(24, 24, 27, 0.95);
    --th-bg-ffffff-a97: rgba(9, 9, 11, 0.97);
    --th-bg-ffffff-a97-up: rgba(24, 24, 27, 0.97);
    --th-bg-ffffff-a98-up: rgba(24, 24, 27, 0.98);
    --th-bg-ffffff-up: #18181b;
    --th-fg-000000: #fafafa;
    --th-fg-047857: #81f8d6;
    --th-fg-065f46: #82f7d6;
    --th-fg-0f766e: #89f0e8;
    --th-fg-111111: #fafafa;
    --th-fg-111827: #fafafa;
    --th-fg-15803d: #8decb1;
    --th-fg-166534: #92e7b2;
    --th-fg-18181b: #fafafa;
    --th-fg-1a1a1a: #fafafa;
    --th-fg-1a1a2e: #fafafa;
    --th-fg-1c1c24: #fafafa;
    --th-fg-1f2937: #e4e4e7;
    --th-fg-1f3a8a: #93a8e7;
    --th-fg-222222: #e4e4e7;
    --th-fg-333333: #e4e4e7;
    --th-fg-374151: #d4d4d8;
    --th-fg-3f3f46: #d4d4d8;
    --th-fg-444444: #d4d4d8;
    --th-fg-4b1c9c: #b08feb;
    --th-fg-4b4560: #b8b8c0;
    --th-fg-4b4b57: #b8b8c0;
    --th-fg-4b5563: #b8b8c0;
    --th-fg-52525b: #b8b8c0;
    --th-fg-555555: #b8b8c0;
    --th-fg-5b21b6: #b38feb;
    --th-fg-5b2fc4: #ac94e5;
    --th-fg-5b4b8a: #b3a9d0;
    --th-fg-6630d1: #af93e7;
    --th-fg-666666: #a1a1aa;
    --th-fg-6b4405: #f8cb81;
    --th-fg-6b6878: #a1a1aa;
    --th-fg-6b6b78: #a1a1aa;
    --th-fg-6b7280: #a1a1aa;
    --th-fg-6d28d9: #b28eeb;
    --th-fg-6d28d9-a50: rgba(178, 142, 235, 0.5);
    --th-fg-6d28d9-a60: rgba(178, 142, 235, 0.6);
    --th-fg-6e6a80: #a1a1aa;
    --th-fg-71717a: #a1a1aa;
    --th-fg-77718a: #a1a1aa;
    --th-fg-777777: #a1a1aa;
    --th-fg-78350f: #f0ae89;
    --th-fg-7a7a80: #a1a1aa;
    --th-fg-7c3aed: #ae86f4;
    --th-fg-7f1d1d: #e69393;
    --th-fg-888888: #a1a1aa;
    --th-fg-8a8a99: #a1a1aa;
    --th-fg-8b5cf6: #a681f8;
    --th-fg-8b85a0: #a1a1aa;
    --th-fg-8b8b96: #a1a1aa;
    --th-fg-8b8b98: #a1a1aa;
    --th-fg-92400e: #f3af86;
    --th-fg-991b1b: #eb8e8e;
    --th-fg-999999: #71717a;
    --th-fg-9a9aa0: #71717a;
    --th-fg-9a9aa6: #71717a;
    --th-fg-9a9aa8: #71717a;
    --th-fg-9c97ae: #71717a;
    --th-fg-9ca3af: #71717a;
    --th-fg-a1a1aa: #71717a;
    --th-fg-a8a3b8: #71717a;
    --th-fg-a9a4b6: #71717a;
    --th-fg-aaaaaa: #71717a;
    --th-fg-b04a4a: #d8a2a2;
    --th-fg-b45309: #f8b581;
    --th-fg-b91c1c: #ee8c8c;
    --th-fg-bbbbbb: #52525b;
    --th-fg-c0392b: #e79b93;
    --th-fg-c9c9d0: #52525b;
    --th-fg-cccccc: #52525b;
    --th-fg-cfcadb: #52525b;
    --th-fg-db2777: #ec8db7;
    --th-fg-dc2626: #ed8d8d;
    --th-fg-e53935: #f08c8a;
    --th-line-000000-a12: rgba(255, 255, 255, 0.16);
    --th-line-000000-a15: rgba(255, 255, 255, 0.19);
    --th-line-000000-a18: rgba(255, 255, 255, 0.2);
    --th-line-000000-a6: rgba(255, 255, 255, 0.1);
    --th-line-000000-a8: rgba(255, 255, 255, 0.12);
    --th-line-18181b: #e4e4e7;
    --th-line-a1a1aa: #52525b;
    --th-line-bbf7d0: #1c3b2a;
    --th-line-c0c0c0: #52525b;
    --th-line-ccf3e8: #203834;
    --th-line-d1d5db: #3f3f46;
    --th-line-d4d4d8: #3f3f46;
    --th-line-d4d4da: #3f3f46;
    --th-line-d6d3de: #3f3f46;
    --th-line-dddddd: #3f3f46;
    --th-line-e1e4e8: #222a38;
    --th-line-e3e3e3: #27272a;
    --th-line-e4e4e7: #27272a;
    --th-line-e4e4ec: #222238;
    --th-line-e5e5e5: #27272a;
    --th-line-e5e7eb: #222938;
    --th-line-e6e4ea: #292238;
    --th-line-e6e6eb: #27272a;
    --th-line-e7e4ef: #272238;
    --th-line-ececf1: #27272a;
    --th-line-ececf2: #222238;
    --th-line-ede9fe: #211b3f;
    --th-line-eeeeee: #27272a;
    --th-line-efe9fd: #251c3f;
    --th-line-efedf2: #27272a;
    --th-line-f0eff5: #252238;
    --th-line-f0f0f0: #27272a;
    --th-line-f2f2f2: #27272a;
    --th-line-f3f3f7: #27272a;
    --th-line-f3f4f6: #1f1f23;
    --th-line-f4f4f5: #1f1f23;
    --th-line-fde68a: #3c361e;
    --th-line-ffffff: #09090b;
    --th-line-ffffff-a55: rgba(9, 9, 11, 0.55);
    --th-line-ffffff-a70: rgba(9, 9, 11, 0.7);
    --th-line-ffffff-a85: rgba(9, 9, 11, 0.85);
    --th-line-ffffff-a90: rgba(9, 9, 11, 0.9);
  }

  /* Older shared colors in css/stickerbook.css that had no dark value yet
     (:root:root so this wins even though stickerbook.css loads later) */
  :root:root {
    --color-surface: #18181b;
    --color-text-tertiary: #71717a;
  }

  /* Logos drawn in dark ink swap to their light-ink versions */
  img[src*="lightmode/stickerbook-logo.svg"] {
    content: url("/assets/darkmode/stickerbook-logo.svg");
  }
}