/* Piccolo Way — generated from tokens.json */
:root, [data-theme="light"] {--espresso: #0D2240; --piccolo-blue: #2C6BE4; --milk: #BCD6F7; --crema: #EFD9B4; --bg: #F4F6FA; --surface: #FFFFFF; --ink: #0D2240; --muted: #5A6E88; --line: #DCE3ED; --on-accent: #FFFFFF; --focus: var(--piccolo-blue); --warm: #95520F; --warm-soft: #FBEEDF; --good: #17785E; --good-soft: #DFF1EA;}
[data-theme="dark"] {--espresso: #16305A; --piccolo-blue: #6098FF; --milk: #A8C8F2; --crema: #F0DCBB; --bg: #0A1420; --surface: #121E2C; --ink: #E8EFF8; --muted: #92A4BA; --line: #223243; --on-accent: #0A1420; --focus: var(--piccolo-blue); --warm: #E7A860; --warm-soft: #2E2318; --good: #52C9A3; --good-soft: #0F2E26; color-scheme: dark;}
:root {--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 40px; --space-10: 64px; --radius-sm: 9px; --radius-md: 12px; --radius-lg: 14px; --radius-tile: 24%; --radius-pill: 999px; --font-display: "Epilogue", "Segoe UI", system-ui, sans-serif; --font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;}
.display-xl {font-family: var(--font-display); font-size: 64px; line-height: 0.95; font-weight: 800; letter-spacing: -0.035em;}
.h1 {font-family: var(--font-display); font-size: 44px; line-height: 1.05; font-weight: 800; letter-spacing: -0.025em;}
.h2 {font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em;}
.h3 {font-family: var(--font-display); font-size: 18px; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em;}
.lede {font-family: var(--font-body); font-size: 19px; line-height: 1.55; font-weight: 400;}
.body {font-family: var(--font-body); font-size: 16px; line-height: 1.6; font-weight: 400;}
.small {font-family: var(--font-body); font-size: 14px; line-height: 1.5; font-weight: 400;}
.button {font-family: var(--font-body); font-size: 15px; line-height: 1; font-weight: 600;}
.eyebrow {font-family: var(--font-body); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 0.1em;}
@font-face {font-family: "Epilogue"; src: url("fonts/Epilogue-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: "Epilogue"; src: url("fonts/Epilogue-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: "Epilogue"; src: url("fonts/Epilogue-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap;}
@font-face {font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap;}