/* Generated by web/design/render.mjs from /DESIGN.md and web/DESIGN.md. Do not edit; change those and run `node web/design/render.mjs tokens`. */
:root, [data-theme="light"] { color-scheme: light; --bg: #FBF4EF; --bgEnd: #ECEEFB; --surface: #FFFFFF; --surfaceRaised: #F4F2FB; --text: #161A3D; --textMuted: #555A80; --accent: #4447CF; --onAccent: #FFFFFF; --positive: #0B7360; --danger: #B42318; --hairline: #E3E1EE; --aurora1: rgb(255 201 168 / 0.55); --aurora2: rgb(201 196 255 / 0.45); --aurora3: rgb(255 225 199 / 0.4); --shadow1: 0px 18px 40px -20px rgb(22 26 61 / 0.18); --glass-fill: color-mix(in srgb, var(--surface) 55%, transparent); --glass-edge: rgb(255 255 255 / 0.35); --lock-ink: var(--text); --lock-ink2: color-mix(in srgb, var(--lock-ink) 72%, transparent); --lock-plate: color-mix(in srgb, var(--lock-ink) 10%, transparent); --word-glow: none; }
[data-theme="dark"] { color-scheme: dark; --bg: #0B0F2A; --bgEnd: #10153A; --surface: #171C46; --surfaceRaised: #1F2556; --text: #EEF0FF; --textMuted: #A3A9D6; --accent: #B9C3FF; --onAccent: #0B0F2A; --positive: #7FE8CF; --danger: #FF9C8F; --hairline: #2A3062; --aurora1: rgb(76 88 230 / 0.55); --aurora2: rgb(38 196 165 / 0.26); --aurora3: rgb(150 90 230 / 0.3); --shadow1: 0px 24px 48px -24px rgb(0 0 0 / 0.6); --glass-fill: color-mix(in srgb, var(--surface) 45%, transparent); --glass-edge: rgb(255 255 255 / 0.35); --lock-ink: #FFFFFF; --lock-ink2: color-mix(in srgb, var(--lock-ink) 72%, transparent); --lock-plate: color-mix(in srgb, var(--lock-ink) 16%, transparent); --word-glow: 0 0 28px color-mix(in srgb, var(--accent) 38%, transparent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --bg: #0B0F2A; --bgEnd: #10153A; --surface: #171C46; --surfaceRaised: #1F2556; --text: #EEF0FF; --textMuted: #A3A9D6; --accent: #B9C3FF; --onAccent: #0B0F2A; --positive: #7FE8CF; --danger: #FF9C8F; --hairline: #2A3062; --aurora1: rgb(76 88 230 / 0.55); --aurora2: rgb(38 196 165 / 0.26); --aurora3: rgb(150 90 230 / 0.3); --shadow1: 0px 24px 48px -24px rgb(0 0 0 / 0.6); --glass-fill: color-mix(in srgb, var(--surface) 45%, transparent); --glass-edge: rgb(255 255 255 / 0.35); --lock-ink: #FFFFFF; --lock-ink2: color-mix(in srgb, var(--lock-ink) 72%, transparent); --lock-plate: color-mix(in srgb, var(--lock-ink) 16%, transparent); --word-glow: 0 0 28px color-mix(in srgb, var(--accent) 38%, transparent); } }
:root { --type-word: 500 64px/72px var(--font-serif); --type-answer: 500 56px/64px var(--font-serif); --type-title: 400 34px/41px var(--font-serif); --type-wordSmall: 400 28px/34px var(--font-serif); --type-example: 400 19px/26px var(--font-serif); --type-headline: 600 17px/22px var(--font-sans); --type-body: 400 17px/22px var(--font-sans); --type-callout: 400 15px/20px var(--font-sans); --type-label: 500 13px/18px var(--font-sans); --type-meta: 500 13px/18px var(--font-mono); --type-tab: 600 10px/12px var(--font-sans); }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --radius-card: 32px; --radius-group: 24px; --radius-tile: 16px; --radius-block: 8px; --radius-icon: 12px; --radius-capsule: 999px; --layout-foundList: 312px; --layout-sidebar: 320px; --layout-column: 560px; --layout-preview: 400px; --layout-sheet: 540px; --layout-popover: 340px; }
:root { --font-serif: ui-serif, "New York", Georgia, "Times New Roman", serif; --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --glass-blur: blur(16px) saturate(1.6); --glass-edgeTint: rgb(255 255 255 / 0.4); --lock-blur: blur(20px) saturate(0); --focus-ring: 2px solid var(--accent); --page-max: 1200px; --page-gutter: var(--space-5); --page-gutter-wide: var(--space-12); --page-section-wide: calc(var(--space-12) * 2); --ease-fade: cubic-bezier(0.2, 0, 0, 1); --dur-fade: 150ms; }
:root { --ease-press: linear(0, 0.0132, 0.0471, 0.0949, 0.1513, 0.2124, 0.2754, 0.3382, 0.3991, 0.4573, 0.5121, 0.5632, 0.6102, 0.6533, 0.6925, 0.728, 0.7599, 0.7885, 0.8141, 0.8368, 0.8571, 0.875, 0.8908, 0.9047, 0.9169, 0.9277, 0.9371, 0.9454, 0.9526, 0.9589, 0.9644, 0.9692, 0.9733, 0.977, 0.9801, 0.9828, 0.9852, 0.9872, 0.989, 0.9905, 0.9918, 0.993, 0.9939, 0.9948, 0.9955, 0.9962, 0.9967, 0.9972, 0.9976, 0.9979, 0.9982, 0.9985, 0.9987, 0.9989, 0.999, 0.9992, 0.9993, 0.9994, 0.9995, 0.9996, 1); --dur-press: 410ms; --ease-flip: linear(0, 0.012, 0.0431, 0.0872, 0.1398, 0.1973, 0.2569, 0.3169, 0.3756, 0.4322, 0.4859, 0.5363, 0.5832, 0.6264, 0.6662, 0.7024, 0.7353, 0.765, 0.7918, 0.8158, 0.8374, 0.8566, 0.8737, 0.8889, 0.9024, 0.9144, 0.925, 0.9343, 0.9425, 0.9497, 0.9561, 0.9617, 0.9666, 0.9709, 0.9746, 0.9779, 0.9808, 0.9833, 0.9855, 0.9874, 0.9891, 0.9905, 0.9918, 0.9929, 0.9938, 0.9946, 0.9954, 0.996, 0.9965, 0.997, 0.9974, 0.9978, 0.9981, 0.9983, 0.9986, 0.9987, 0.9989, 0.9991, 0.9992, 0.9993, 1); --dur-flip: 780ms; --ease-card: linear(0, 0.0118, 0.0423, 0.0858, 0.1377, 0.1945, 0.2536, 0.313, 0.3713, 0.4275, 0.481, 0.5313, 0.5781, 0.6214, 0.6612, 0.6975, 0.7306, 0.7605, 0.7875, 0.8118, 0.8335, 0.853, 0.8704, 0.8858, 0.8996, 0.9117, 0.9225, 0.932, 0.9405, 0.9479, 0.9544, 0.9601, 0.9652, 0.9696, 0.9735, 0.9769, 0.9799, 0.9825, 0.9847, 0.9867, 0.9885, 0.99, 0.9913, 0.9924, 0.9934, 0.9943, 0.9951, 0.9957, 0.9963, 0.9968, 0.9972, 0.9976, 0.9979, 0.9982, 0.9984, 0.9987, 0.9988, 0.999, 0.9991, 0.9992, 1); --dur-card: 850ms; --ease-settle: linear(0, 0.0118, 0.0426, 0.0863, 0.1384, 0.1954, 0.2546, 0.3142, 0.3727, 0.429, 0.4825, 0.5328, 0.5797, 0.623, 0.6627, 0.699, 0.732, 0.7619, 0.7888, 0.8131, 0.8347, 0.8541, 0.8714, 0.8868, 0.9005, 0.9126, 0.9233, 0.9328, 0.9411, 0.9485, 0.9549, 0.9606, 0.9656, 0.97, 0.9739, 0.9772, 0.9802, 0.9827, 0.985, 0.9869, 0.9887, 0.9901, 0.9914, 0.9926, 0.9936, 0.9944, 0.9952, 0.9958, 0.9964, 0.9969, 0.9973, 0.9976, 0.998, 0.9982, 0.9985, 0.9987, 0.9989, 0.999, 0.9992, 0.9993, 1); --dur-settle: 620ms; --ease-screen: linear(0, 0.0116, 0.0417, 0.0847, 0.136, 0.1922, 0.2508, 0.3097, 0.3677, 0.4236, 0.4769, 0.5271, 0.5738, 0.6171, 0.657, 0.6934, 0.7266, 0.7567, 0.7839, 0.8083, 0.8303, 0.8499, 0.8675, 0.8832, 0.8971, 0.9095, 0.9204, 0.9301, 0.9387, 0.9463, 0.9529, 0.9588, 0.964, 0.9685, 0.9725, 0.976, 0.9791, 0.9818, 0.9841, 0.9862, 0.9879, 0.9895, 0.9909, 0.9921, 0.9931, 0.994, 0.9948, 0.9955, 0.9961, 0.9966, 0.9971, 0.9974, 0.9978, 0.9981, 0.9983, 0.9986, 0.9988, 0.9989, 0.9991, 0.9992, 1); --dur-screen: 920ms; --ease-signature: linear(0, 0.0107, 0.0392, 0.0808, 0.1318, 0.1888, 0.2495, 0.3116, 0.3737, 0.4343, 0.4927, 0.5482, 0.6002, 0.6485, 0.693, 0.7336, 0.7704, 0.8034, 0.833, 0.8592, 0.8823, 0.9025, 0.9201, 0.9353, 0.9484, 0.9595, 0.969, 0.9769, 0.9834, 0.9888, 0.9932, 0.9968, 0.9996, 1.0017, 1.0034, 1.0046, 1.0054, 1.0059, 1.0062, 1.0063, 1.0062, 1.0061, 1.0058, 1.0055, 1.0051, 1.0048, 1.0044, 1.004, 1.0036, 1.0032, 1.0029, 1.0025, 1.0022, 1.002, 1.0017, 1.0015, 1.0013, 1.0011, 1.0009, 1.0008, 1); --dur-signature: 1020ms; }