/* Generated from src/data/tokens.json (EchoWave design system). Do not edit. */
:root, [data-theme="night"] { --ground: #07080a; --surface: #0f1114; --surface-raised: #171a1f; --hairline: #262a31; --line-strong: #646a73; --ink: #eeece8; --ink-muted: #9599a1; --brass: #c9a877; --on-brass: #14100a; --beam: #fff1d6; --on-photo: #f4f2ee; --scrim: #07080ab8; --glass: #07080ad1; --danger: #ea8a78; --shadow-sheet: 0 32px 80px -24px #000000e6; --focus-ring: 0 0 0 2px #07080a, 0 0 0 4px #c9a877; }
[data-theme="ivory"] { --ground: #efebe4; --surface: #e7e2d9; --surface-raised: #f8f6f1; --hairline: #d3ccc0; --line-strong: #7a746a; --ink: #121315; --ink-muted: #5c5a55; --brass: #7a5c33; --on-brass: #fbf8f2; --beam: #2a2620; --glass: #efebe4d9; --danger: #a63d2c; --shadow-sheet: 0 32px 80px -32px #2a262040; --focus-ring: 0 0 0 2px #efebe4, 0 0 0 4px #7a5c33; }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 144px; --gutter: 20px; --section: 96px; --radius-0: 0px; --radius-1: 2px; --radius-pill: 999px; --dur-tap: 160ms; --dur-hover: 320ms; --dur-reveal: 1100ms; --dur-ignite: 1600ms; --stagger: 70ms; --ease-glide: cubic-bezier(0.16, 1, 0.3, 1); --ease-drive: cubic-bezier(0.65, 0, 0.35, 1); --ease-tap: cubic-bezier(0.3, 0, 0.2, 1); --bp-md: 600px; --bp-lg: 960px; --bp-xl: 1280px; --font-display: "Noto Serif Display", "Iowan Old Style", "Times New Roman", serif; --font-sans: Geologica, "Helvetica Neue", Arial, sans-serif; --font-badge: Unbounded, "Arial Black", Arial, sans-serif; }
@font-face { font-family: "Noto Serif Display"; src: url("/assets/fonts/NotoSerifDisplay-LightCondensed.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Noto Serif Display"; src: url("/assets/fonts/NotoSerifDisplay-LightCondensedItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Geologica"; src: url("/assets/fonts/Geologica-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geologica"; src: url("/assets/fonts/Geologica-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Unbounded"; src: url("/assets/fonts/Unbounded-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Unbounded"; src: url("/assets/fonts/Unbounded-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root { color-scheme: dark; } [data-theme="ivory"] { color-scheme: light; }