/* Generated by tools/lib/themes.mjs for the theme picker. Not part of the finished site. */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/figtree/figtree-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/manrope/manrope-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/space-grotesk/space-grotesk-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/inter/inter-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/fraunces/fraunces-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/instrument-sans/instrument-sans-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/bricolage-grotesque/bricolage-grotesque-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/dm-sans/dm-sans-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/schibsted-grotesk/schibsted-grotesk-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/work-sans/work-sans-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/sora/sora-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/geist/geist-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/themes/plus-jakarta-sans/plus-jakarta-sans-latin-wght.woff2') format('woff2'); }
html[data-theme="t01"] { --font: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 400; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #131313; --text: #353535; --muted: #5c5c5c; --line: #dcdfdb; --bg: #ffffff; --bg-soft: #f0f3ef; --bg-tint: #f1fcec; --dark: #041e22; --dark-2: #093137; --dark-rgb: 4, 30, 34; --on-dark: #ffffff; --on-dark-muted: #c2d3cf; --green: #0dbe00; --lime: #4ddc00; --green-text: #087000; --btn-bg: #4ddc00; --btn-text: #041e22; --btn-border: transparent; --btn-hover: #6de22e; --focus-ring: rgba(8, 112, 0, 0.35); --radius: 20px; --radius-sm: 12px; --dg-ink: #041e22; --dg-ink2: #093137; --dg-ink3: #16474d; --dg-green: #0dbe00; --dg-lime: #4ddc00; --dg-greenText: #087000; --dg-soft: #f0f3ef; --dg-tint: #f1fcec; --dg-lane: #d5ddd2; --dg-rule: #b7c4bf; --dg-muted: #4f5d5a; --dg-white: #ffffff; --dg-fixture: #e2e9df; --dg-pale: #c2d3cf; }

html[data-theme="t02"] { --font: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 400; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #0f1a14; --text: #2f3b35; --muted: #58655e; --line: #d8ded7; --bg: #ffffff; --bg-soft: #eef2ec; --bg-tint: #e6f4e2; --dark: #07140f; --dark-2: #0f231b; --dark-rgb: 7, 20, 15; --on-dark: #ffffff; --on-dark-muted: #b9cbc0; --green: #1fa34a; --lime: #7ddf7a; --green-text: #15703a; --btn-bg: #7ddf7a; --btn-text: #07140f; --btn-border: transparent; --btn-hover: #94e592; --focus-ring: rgba(21, 112, 58, 0.35); --radius: 20px; --radius-sm: 12px; --dg-ink: #07140f; --dg-ink2: #0f231b; --dg-ink3: #273932; --dg-green: #1fa34a; --dg-lime: #7ddf7a; --dg-greenText: #15703a; --dg-soft: #eef2ec; --dg-tint: #e6f4e2; --dg-lane: #d2d7d1; --dg-rule: #b2b8b3; --dg-muted: #58655e; --dg-white: #ffffff; --dg-fixture: #e0e5df; --dg-pale: #b9cbc0; }
html[data-theme="t02"] [data-bg="contour"] { background: #07140f url(/themes/t02/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t02"] [data-bg="glow"] { background: #07140f url(/themes/t02/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t02"] [data-bg="squares"] { background: #07140f url(/themes/t02/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t02"] [data-bg="wave"] { background: #07140f url(/themes/t02/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t02"] [data-bg] img { visibility: hidden; }
html[data-theme="t03"] { --font: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #10261c; --text: #33483f; --muted: #587069; --line: #d3e2d8; --bg: #fbfdfb; --bg-soft: #eaf6ee; --bg-tint: #dff3e6; --dark: #113b2f; --dark-2: #184a3b; --dark-rgb: 17, 59, 47; --on-dark: #ffffff; --on-dark-muted: #c5e3d6; --green: #22c55e; --lime: #9ff0b4; --green-text: #157a3f; --btn-bg: #9ff0b4; --btn-text: #113b2f; --btn-border: transparent; --btn-hover: #b0f3c2; --focus-ring: rgba(21, 122, 63, 0.35); --radius: 24px; --radius-sm: 14px; --dg-ink: #113b2f; --dg-ink2: #184a3b; --dg-ink3: #2f5c4f; --dg-green: #22c55e; --dg-lime: #9ff0b4; --dg-greenText: #157a3f; --dg-soft: #eaf6ee; --dg-tint: #dff3e6; --dg-lane: #d0e0d7; --dg-rule: #b2c5bc; --dg-muted: #587069; --dg-white: #ffffff; --dg-fixture: #ddebe3; --dg-pale: #c5e3d6; }
html[data-theme="t03"] [data-bg="contour"] { background: #113b2f url(/themes/t03/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t03"] [data-bg="glow"] { background: #113b2f url(/themes/t03/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t03"] [data-bg="squares"] { background: #113b2f url(/themes/t03/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t03"] [data-bg="wave"] { background: #113b2f url(/themes/t03/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t03"] [data-bg] img { visibility: hidden; }
html[data-theme="t04"] { --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #0b1c24; --text: #2e3f47; --muted: #55676e; --line: #d7dfe2; --bg: #ffffff; --bg-soft: #eef3f5; --bg-tint: #e3f4f1; --dark: #071a24; --dark-2: #0d2a38; --dark-rgb: 7, 26, 36; --on-dark: #ffffff; --on-dark-muted: #b7cbd3; --green: #14b8a6; --lime: #5eead4; --green-text: #0f766e; --btn-bg: #5eead4; --btn-text: #071a24; --btn-border: transparent; --btn-hover: #7beedc; --focus-ring: rgba(15, 118, 110, 0.35); --radius: 16px; --radius-sm: 10px; --dg-ink: #071a24; --dg-ink2: #0d2a38; --dg-ink3: #253f4c; --dg-green: #14b8a6; --dg-lime: #5eead4; --dg-greenText: #0f766e; --dg-soft: #eef3f5; --dg-tint: #e3f4f1; --dg-lane: #d2d9dc; --dg-rule: #b2bbbf; --dg-muted: #55676e; --dg-white: #ffffff; --dg-fixture: #e0e6e8; --dg-pale: #b7cbd3; }
html[data-theme="t04"] [data-bg="contour"] { background: #071a24 url(/themes/t04/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t04"] [data-bg="glow"] { background: #071a24 url(/themes/t04/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t04"] [data-bg="squares"] { background: #071a24 url(/themes/t04/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t04"] [data-bg="wave"] { background: #071a24 url(/themes/t04/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t04"] [data-bg] img { visibility: hidden; }
html[data-theme="t05"] { --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #121212; --text: #333333; --muted: #5b5b5b; --line: #dcdcdc; --bg: #ffffff; --bg-soft: #f1f1ef; --bg-tint: #f4f9e4; --dark: #111111; --dark-2: #1c1c1c; --dark-rgb: 17, 17, 17; --on-dark: #ffffff; --on-dark-muted: #c7c7c7; --green: #a3e635; --lime: #c8ff3d; --green-text: #467310; --btn-bg: #c8ff3d; --btn-text: #111111; --btn-border: transparent; --btn-hover: #d2ff60; --focus-ring: rgba(70, 115, 16, 0.35); --radius: 8px; --radius-sm: 6px; --dg-ink: #111111; --dg-ink2: #1c1c1c; --dg-ink3: #333333; --dg-green: #a3e635; --dg-lime: #c8ff3d; --dg-greenText: #467310; --dg-soft: #f1f1ef; --dg-tint: #f4f9e4; --dg-lane: #d6d6d4; --dg-rule: #b7b7b5; --dg-muted: #5b5b5b; --dg-white: #ffffff; --dg-fixture: #e4e4e2; --dg-pale: #c7c7c7; }
html[data-theme="t05"] [data-bg="contour"] { background: #111111 url(/themes/t05/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t05"] [data-bg="glow"] { background: #111111 url(/themes/t05/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t05"] [data-bg="squares"] { background: #111111 url(/themes/t05/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t05"] [data-bg="wave"] { background: #111111 url(/themes/t05/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t05"] [data-bg] img { visibility: hidden; }
html[data-theme="t06"] { --font: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif; --heading-weight: 500; --heading-tracking: 0; --hero-tracking: -0.01em; --ink: #2a1b14; --text: #4a3a31; --muted: #6b5b51; --line: #e3d8cb; --bg: #fbf7f1; --bg-soft: #f1eadf; --bg-tint: #f6e6da; --dark: #2b1a13; --dark-2: #3d271d; --dark-rgb: 43, 26, 19; --on-dark: #fff8f2; --on-dark-muted: #d9c6b8; --green: #e3562b; --lime: #ffb59a; --green-text: #a63d1a; --btn-bg: #ffb59a; --btn-text: #2b1a13; --btn-border: transparent; --btn-hover: #ffc2ac; --focus-ring: rgba(166, 61, 26, 0.35); --radius: 16px; --radius-sm: 10px; --dg-ink: #2b1a13; --dg-ink2: #3d271d; --dg-ink3: #503d34; --dg-green: #e3562b; --dg-lime: #ffb59a; --dg-greenText: #a63d1a; --dg-soft: #f1eadf; --dg-tint: #f6e6da; --dg-lane: #d9d1c7; --dg-rule: #beb4aa; --dg-muted: #6b5b51; --dg-white: #ffffff; --dg-fixture: #e5ded3; --dg-pale: #d9c6b8; }
html[data-theme="t06"] [data-bg="contour"] { background: #2b1a13 url(/themes/t06/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t06"] [data-bg="glow"] { background: #2b1a13 url(/themes/t06/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t06"] [data-bg="squares"] { background: #2b1a13 url(/themes/t06/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t06"] [data-bg="wave"] { background: #2b1a13 url(/themes/t06/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t06"] [data-bg] img { visibility: hidden; }
html[data-theme="t07"] { --font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 600; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #2b1111; --text: #4a2a2a; --muted: #6e5353; --line: #e8ddd0; --bg: #fffdf7; --bg-soft: #f7f1e3; --bg-tint: #fff3d6; --dark: #3a0c0c; --dark-2: #4e1515; --dark-rgb: 58, 12, 12; --on-dark: #fff7ef; --on-dark-muted: #e0c5bd; --green: #d9342b; --lime: #f5c242; --green-text: #a8231b; --btn-bg: #f5c242; --btn-text: #3a0c0c; --btn-border: transparent; --btn-hover: #f7cd64; --focus-ring: rgba(168, 35, 27, 0.35); --radius: 12px; --radius-sm: 8px; --dg-ink: #3a0c0c; --dg-ink2: #4e1515; --dg-ink3: #602c2c; --dg-green: #d9342b; --dg-lime: #f5c242; --dg-greenText: #a8231b; --dg-soft: #f7f1e3; --dg-tint: #fff3d6; --dg-lane: #e0d6c9; --dg-rule: #c6b5ab; --dg-muted: #6e5353; --dg-white: #ffffff; --dg-fixture: #ece3d6; --dg-pale: #e0c5bd; }
html[data-theme="t07"] [data-bg="contour"] { background: #3a0c0c url(/themes/t07/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t07"] [data-bg="glow"] { background: #3a0c0c url(/themes/t07/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t07"] [data-bg="squares"] { background: #3a0c0c url(/themes/t07/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t07"] [data-bg="wave"] { background: #3a0c0c url(/themes/t07/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t07"] [data-bg] img { visibility: hidden; }
html[data-theme="t08"] { --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #101828; --text: #344054; --muted: #5b6678; --line: #d8dee8; --bg: #ffffff; --bg-soft: #f1f4f8; --bg-tint: #e8f0fb; --dark: #0f1a2e; --dark-2: #18263f; --dark-rgb: 15, 26, 46; --on-dark: #ffffff; --on-dark-muted: #bdc8da; --green: #2f6fed; --lime: #8db7ff; --green-text: #1d4fb8; --btn-bg: #8db7ff; --btn-text: #0f1a2e; --btn-border: transparent; --btn-hover: #a2c4ff; --focus-ring: rgba(29, 79, 184, 0.35); --radius: 10px; --radius-sm: 8px; --dg-ink: #0f1a2e; --dg-ink2: #18263f; --dg-ink3: #2f3c52; --dg-green: #2f6fed; --dg-lime: #8db7ff; --dg-greenText: #1d4fb8; --dg-soft: #f1f4f8; --dg-tint: #e8f0fb; --dg-lane: #d6dae0; --dg-rule: #b6bbc3; --dg-muted: #5b6678; --dg-white: #ffffff; --dg-fixture: #e3e7ec; --dg-pale: #bdc8da; }
html[data-theme="t08"] [data-bg="contour"] { background: #0f1a2e url(/themes/t08/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t08"] [data-bg="glow"] { background: #0f1a2e url(/themes/t08/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t08"] [data-bg="squares"] { background: #0f1a2e url(/themes/t08/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t08"] [data-bg="wave"] { background: #0f1a2e url(/themes/t08/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t08"] [data-bg] img { visibility: hidden; }
html[data-theme="t09"] { --font: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #000000; --text: #262626; --muted: #555555; --line: #dddddd; --bg: #ffffff; --bg-soft: #f3f3f3; --bg-tint: #ececec; --dark: #0a0a0a; --dark-2: #171717; --dark-rgb: 10, 10, 10; --on-dark: #ffffff; --on-dark-muted: #bdbdbd; --green: #111111; --lime: #ffffff; --green-text: #000000; --btn-bg: #ffffff; --btn-text: #000000; --btn-border: #000000; --btn-hover: #e8e8e8; --focus-ring: rgba(0, 0, 0, 0.35); --radius: 4px; --radius-sm: 4px; --dg-ink: #0a0a0a; --dg-ink2: #171717; --dg-ink3: #2e2e2e; --dg-green: #111111; --dg-lime: #ffffff; --dg-greenText: #000000; --dg-soft: #f3f3f3; --dg-tint: #ececec; --dg-lane: #d7d7d7; --dg-rule: #b6b6b6; --dg-muted: #555555; --dg-white: #ffffff; --dg-fixture: #e5e5e5; --dg-pale: #bdbdbd; }
html[data-theme="t09"] [data-bg="contour"] { background: #0a0a0a url(/themes/t09/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t09"] [data-bg="glow"] { background: #0a0a0a url(/themes/t09/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t09"] [data-bg="squares"] { background: #0a0a0a url(/themes/t09/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t09"] [data-bg="wave"] { background: #0a0a0a url(/themes/t09/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t09"] [data-bg] img { visibility: hidden; }
html[data-theme="t10"] { --font: 'Work Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Work Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 500; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #1c2414; --text: #3b4430; --muted: #5f6951; --line: #dedccc; --bg: #fdfcf7; --bg-soft: #f2f1e6; --bg-tint: #edf2d9; --dark: #1f2a16; --dark-2: #2c3b20; --dark-rgb: 31, 42, 22; --on-dark: #fbfaf2; --on-dark-muted: #c9d1b8; --green: #7aa53a; --lime: #c5e063; --green-text: #4f7320; --btn-bg: #c5e063; --btn-text: #1f2a16; --btn-border: transparent; --btn-hover: #cfe67f; --focus-ring: rgba(79, 115, 32, 0.35); --radius: 18px; --radius-sm: 12px; --dg-ink: #1f2a16; --dg-ink2: #2c3b20; --dg-ink3: #414f36; --dg-green: #7aa53a; --dg-lime: #c5e063; --dg-greenText: #4f7320; --dg-soft: #f2f1e6; --dg-tint: #edf2d9; --dg-lane: #d9d9cd; --dg-rule: #bbbdb0; --dg-muted: #5f6951; --dg-white: #ffffff; --dg-fixture: #e5e5da; --dg-pale: #c9d1b8; }
html[data-theme="t10"] [data-bg="contour"] { background: #1f2a16 url(/themes/t10/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t10"] [data-bg="glow"] { background: #1f2a16 url(/themes/t10/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t10"] [data-bg="squares"] { background: #1f2a16 url(/themes/t10/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t10"] [data-bg="wave"] { background: #1f2a16 url(/themes/t10/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t10"] [data-bg] img { visibility: hidden; }
html[data-theme="t11"] { --font: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 600; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #130f2a; --text: #332e4d; --muted: #5c5676; --line: #dcd8ea; --bg: #ffffff; --bg-soft: #f3f1fa; --bg-tint: #ede9ff; --dark: #0d0b1e; --dark-2: #17132f; --dark-rgb: 13, 11, 30; --on-dark: #ffffff; --on-dark-muted: #c4bfe0; --green: #6d3cff; --lime: #c6ff3d; --green-text: #5a2bd9; --btn-bg: #c6ff3d; --btn-text: #0d0b1e; --btn-border: transparent; --btn-hover: #d0ff60; --focus-ring: rgba(90, 43, 217, 0.35); --radius: 14px; --radius-sm: 10px; --dg-ink: #0d0b1e; --dg-ink2: #17132f; --dg-ink3: #2e2b44; --dg-green: #6d3cff; --dg-lime: #c6ff3d; --dg-greenText: #5a2bd9; --dg-soft: #f3f1fa; --dg-tint: #ede9ff; --dg-lane: #d7d5e0; --dg-rule: #b7b5c1; --dg-muted: #5c5676; --dg-white: #ffffff; --dg-fixture: #e5e3ed; --dg-pale: #c4bfe0; }
html[data-theme="t11"] [data-bg="contour"] { background: #0d0b1e url(/themes/t11/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t11"] [data-bg="glow"] { background: #0d0b1e url(/themes/t11/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t11"] [data-bg="squares"] { background: #0d0b1e url(/themes/t11/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t11"] [data-bg="wave"] { background: #0d0b1e url(/themes/t11/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t11"] [data-bg] img { visibility: hidden; }
html[data-theme="t12"] { --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --heading-weight: 600; --heading-tracking: -0.01em; --hero-tracking: -0.025em; --ink: #2a1a2e; --text: #4c3b4f; --muted: #6d5d70; --line: #efdcd0; --bg: #fffaf6; --bg-soft: #fdeee4; --bg-tint: #ffe6d6; --dark: #2a1a2e; --dark-2: #3a2640; --dark-rgb: 42, 26, 46; --on-dark: #fff7f0; --on-dark-muted: #e2c9d3; --green: #ff5a36; --lime: #ffc0a6; --green-text: #b8361a; --btn-bg: #ffc0a6; --btn-text: #2a1a2e; --btn-border: transparent; --btn-hover: #ffcbb6; --focus-ring: rgba(184, 54, 26, 0.35); --radius: 28px; --radius-sm: 16px; --dg-ink: #2a1a2e; --dg-ink2: #3a2640; --dg-ink3: #4e3c53; --dg-green: #ff5a36; --dg-lime: #ffc0a6; --dg-greenText: #b8361a; --dg-soft: #fdeee4; --dg-tint: #ffe6d6; --dg-lane: #e4d5ce; --dg-rule: #c6b7b5; --dg-muted: #6d5d70; --dg-white: #ffffff; --dg-fixture: #f0e1d9; --dg-pale: #e2c9d3; }
html[data-theme="t12"] [data-bg="contour"] { background: #2a1a2e url(/themes/t12/bg/contour-1920.webp) center / cover no-repeat; }
html[data-theme="t12"] [data-bg="glow"] { background: #2a1a2e url(/themes/t12/bg/glow-1920.webp) center / cover no-repeat; }
html[data-theme="t12"] [data-bg="squares"] { background: #2a1a2e url(/themes/t12/bg/squares-1920.webp) center / cover no-repeat; }
html[data-theme="t12"] [data-bg="wave"] { background: #2a1a2e url(/themes/t12/bg/wave-1920.webp) center / cover no-repeat; }
html[data-theme="t12"] [data-bg] img { visibility: hidden; }
html[data-theme] .diagram__svg [fill="#041e22"] { fill: var(--dg-ink); }
html[data-theme] .diagram__svg [stroke="#041e22"] { stroke: var(--dg-ink); }
html[data-theme] .diagram__svg [fill="#093137"] { fill: var(--dg-ink2); }
html[data-theme] .diagram__svg [stroke="#093137"] { stroke: var(--dg-ink2); }
html[data-theme] .diagram__svg [fill="#16474d"] { fill: var(--dg-ink3); }
html[data-theme] .diagram__svg [stroke="#16474d"] { stroke: var(--dg-ink3); }
html[data-theme] .diagram__svg [fill="#0dbe00"] { fill: var(--dg-green); }
html[data-theme] .diagram__svg [stroke="#0dbe00"] { stroke: var(--dg-green); }
html[data-theme] .diagram__svg [fill="#4ddc00"] { fill: var(--dg-lime); }
html[data-theme] .diagram__svg [stroke="#4ddc00"] { stroke: var(--dg-lime); }
html[data-theme] .diagram__svg [fill="#087000"] { fill: var(--dg-greenText); }
html[data-theme] .diagram__svg [stroke="#087000"] { stroke: var(--dg-greenText); }
html[data-theme] .diagram__svg [fill="#f0f3ef"] { fill: var(--dg-soft); }
html[data-theme] .diagram__svg [stroke="#f0f3ef"] { stroke: var(--dg-soft); }
html[data-theme] .diagram__svg [fill="#f1fcec"] { fill: var(--dg-tint); }
html[data-theme] .diagram__svg [stroke="#f1fcec"] { stroke: var(--dg-tint); }
html[data-theme] .diagram__svg [fill="#d5ddd2"] { fill: var(--dg-lane); }
html[data-theme] .diagram__svg [stroke="#d5ddd2"] { stroke: var(--dg-lane); }
html[data-theme] .diagram__svg [fill="#b7c4bf"] { fill: var(--dg-rule); }
html[data-theme] .diagram__svg [stroke="#b7c4bf"] { stroke: var(--dg-rule); }
html[data-theme] .diagram__svg [fill="#4f5d5a"] { fill: var(--dg-muted); }
html[data-theme] .diagram__svg [stroke="#4f5d5a"] { stroke: var(--dg-muted); }
html[data-theme] .diagram__svg [fill="#ffffff"] { fill: var(--dg-white); }
html[data-theme] .diagram__svg [stroke="#ffffff"] { stroke: var(--dg-white); }
html[data-theme] .diagram__svg [fill="#e2e9df"] { fill: var(--dg-fixture); }
html[data-theme] .diagram__svg [stroke="#e2e9df"] { stroke: var(--dg-fixture); }
html[data-theme] .diagram__svg [fill="#c2d3cf"] { fill: var(--dg-pale); }
html[data-theme] .diagram__svg [stroke="#c2d3cf"] { stroke: var(--dg-pale); }

.theme-picker { position: fixed; right: 16px; bottom: 16px; z-index: 60; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 14px; color: #111; }
.theme-picker__toggle { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 14px 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 999px; background: #fff; color: #111; cursor: pointer; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18); font: inherit; font-weight: 600; }
.theme-picker__toggle:hover { border-color: rgba(0, 0, 0, 0.4); }
.theme-picker__dot { width: 18px; height: 18px; border-radius: 50%; background: var(--dark); border: 3px solid var(--lime); flex: none; }
.theme-picker__panel { position: absolute; right: 0; bottom: 56px; width: min(360px, calc(100vw - 32px)); max-height: min(70vh, 640px); overflow: auto; padding: 14px; border-radius: 16px; background: #fff; color: #111; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28); border: 1px solid rgba(0, 0, 0, 0.1); }
.theme-picker__hint { margin: 0 4px 10px; font-size: 13px; color: #555; }
.theme-picker__hint kbd { font: inherit; padding: 0 5px; border: 1px solid #bbb; border-radius: 4px; background: #f6f6f6; }
.theme-picker ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.theme-picker [data-theme-choice] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; background: none; color: #111; text-align: left; cursor: pointer; font: inherit; }
.theme-picker [data-theme-choice]:hover { background: #f3f3f3; }
.theme-picker [data-theme-choice][aria-pressed="true"] { border-color: #111; background: #f3f3f3; }
.theme-picker__swatches { display: flex; flex: none; border-radius: 6px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.15); }
.theme-picker__sw { display: block; width: 14px; height: 26px; }
.theme-picker [data-theme-choice] strong { display: block; font-weight: 600; }
.theme-picker [data-theme-choice] small { display: block; font-size: 12px; color: #555; }
.theme-picker :focus-visible { outline: 3px solid #111; outline-offset: 2px; }
@media (max-width: 720px) { .consent { bottom: 76px; } .theme-picker__toggle { font-size: 13px; } }
@media print { .theme-picker { display: none; } }
.theme-picker [data-theme-choice="t01"] .theme-picker__sw:nth-child(1) { background: #041e22; }
.theme-picker [data-theme-choice="t01"] .theme-picker__sw:nth-child(2) { background: #0dbe00; }
.theme-picker [data-theme-choice="t01"] .theme-picker__sw:nth-child(3) { background: #4ddc00; }
.theme-picker [data-theme-choice="t01"] .theme-picker__sw:nth-child(4) { background: #f0f3ef; }
.theme-picker [data-theme-choice="t02"] .theme-picker__sw:nth-child(1) { background: #07140f; }
.theme-picker [data-theme-choice="t02"] .theme-picker__sw:nth-child(2) { background: #1fa34a; }
.theme-picker [data-theme-choice="t02"] .theme-picker__sw:nth-child(3) { background: #7ddf7a; }
.theme-picker [data-theme-choice="t02"] .theme-picker__sw:nth-child(4) { background: #eef2ec; }
.theme-picker [data-theme-choice="t03"] .theme-picker__sw:nth-child(1) { background: #113b2f; }
.theme-picker [data-theme-choice="t03"] .theme-picker__sw:nth-child(2) { background: #22c55e; }
.theme-picker [data-theme-choice="t03"] .theme-picker__sw:nth-child(3) { background: #9ff0b4; }
.theme-picker [data-theme-choice="t03"] .theme-picker__sw:nth-child(4) { background: #eaf6ee; }
.theme-picker [data-theme-choice="t04"] .theme-picker__sw:nth-child(1) { background: #071a24; }
.theme-picker [data-theme-choice="t04"] .theme-picker__sw:nth-child(2) { background: #14b8a6; }
.theme-picker [data-theme-choice="t04"] .theme-picker__sw:nth-child(3) { background: #5eead4; }
.theme-picker [data-theme-choice="t04"] .theme-picker__sw:nth-child(4) { background: #eef3f5; }
.theme-picker [data-theme-choice="t05"] .theme-picker__sw:nth-child(1) { background: #111111; }
.theme-picker [data-theme-choice="t05"] .theme-picker__sw:nth-child(2) { background: #a3e635; }
.theme-picker [data-theme-choice="t05"] .theme-picker__sw:nth-child(3) { background: #c8ff3d; }
.theme-picker [data-theme-choice="t05"] .theme-picker__sw:nth-child(4) { background: #f1f1ef; }
.theme-picker [data-theme-choice="t06"] .theme-picker__sw:nth-child(1) { background: #2b1a13; }
.theme-picker [data-theme-choice="t06"] .theme-picker__sw:nth-child(2) { background: #e3562b; }
.theme-picker [data-theme-choice="t06"] .theme-picker__sw:nth-child(3) { background: #ffb59a; }
.theme-picker [data-theme-choice="t06"] .theme-picker__sw:nth-child(4) { background: #f1eadf; }
.theme-picker [data-theme-choice="t07"] .theme-picker__sw:nth-child(1) { background: #3a0c0c; }
.theme-picker [data-theme-choice="t07"] .theme-picker__sw:nth-child(2) { background: #d9342b; }
.theme-picker [data-theme-choice="t07"] .theme-picker__sw:nth-child(3) { background: #f5c242; }
.theme-picker [data-theme-choice="t07"] .theme-picker__sw:nth-child(4) { background: #f7f1e3; }
.theme-picker [data-theme-choice="t08"] .theme-picker__sw:nth-child(1) { background: #0f1a2e; }
.theme-picker [data-theme-choice="t08"] .theme-picker__sw:nth-child(2) { background: #2f6fed; }
.theme-picker [data-theme-choice="t08"] .theme-picker__sw:nth-child(3) { background: #8db7ff; }
.theme-picker [data-theme-choice="t08"] .theme-picker__sw:nth-child(4) { background: #f1f4f8; }
.theme-picker [data-theme-choice="t09"] .theme-picker__sw:nth-child(1) { background: #0a0a0a; }
.theme-picker [data-theme-choice="t09"] .theme-picker__sw:nth-child(2) { background: #111111; }
.theme-picker [data-theme-choice="t09"] .theme-picker__sw:nth-child(3) { background: #ffffff; }
.theme-picker [data-theme-choice="t09"] .theme-picker__sw:nth-child(4) { background: #f3f3f3; }
.theme-picker [data-theme-choice="t10"] .theme-picker__sw:nth-child(1) { background: #1f2a16; }
.theme-picker [data-theme-choice="t10"] .theme-picker__sw:nth-child(2) { background: #7aa53a; }
.theme-picker [data-theme-choice="t10"] .theme-picker__sw:nth-child(3) { background: #c5e063; }
.theme-picker [data-theme-choice="t10"] .theme-picker__sw:nth-child(4) { background: #f2f1e6; }
.theme-picker [data-theme-choice="t11"] .theme-picker__sw:nth-child(1) { background: #0d0b1e; }
.theme-picker [data-theme-choice="t11"] .theme-picker__sw:nth-child(2) { background: #6d3cff; }
.theme-picker [data-theme-choice="t11"] .theme-picker__sw:nth-child(3) { background: #c6ff3d; }
.theme-picker [data-theme-choice="t11"] .theme-picker__sw:nth-child(4) { background: #f3f1fa; }
.theme-picker [data-theme-choice="t12"] .theme-picker__sw:nth-child(1) { background: #2a1a2e; }
.theme-picker [data-theme-choice="t12"] .theme-picker__sw:nth-child(2) { background: #ff5a36; }
.theme-picker [data-theme-choice="t12"] .theme-picker__sw:nth-child(3) { background: #ffc0a6; }
.theme-picker [data-theme-choice="t12"] .theme-picker__sw:nth-child(4) { background: #fdeee4; }