/* Tipoff — generated from tokens.json */
@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap");
:root, [data-theme="light"] { --paper: #f6f7f9; --card: #ffffff; --ink: #14202e; --muted: #566373; --line: #d8dee6; --blueprint: #23508f; --on-blueprint: #ffffff; --highlight: #ffe45c; --on-highlight: #14202e; --fresh: #1f7a4d; --shadow-lift: 0 1px 2px rgba(20,32,46,0.06), 0 8px 24px rgba(20,32,46,0.08); }
[data-theme="dark"] { --paper: #0e141b; --card: #16202b; --ink: #e8edf3; --muted: #98a5b4; --line: #2a3644; --blueprint: #8db2e8; --on-blueprint: #0e141b; --highlight: #ffe45c; --on-highlight: #14202e; --fresh: #5cc98f; --shadow-lift: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35); }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 20px; --space-5: 32px; --space-6: 72px; --radius-s: 4px; --radius-m: 8px; --radius-l: 14px; --font-display: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif; --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; }
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 700; letter-spacing: -0.02em; }
.display-l { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.015em; }
.heading { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 600; }
.tip-title { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
.body-l { font-family: var(--font-body); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-s { font-family: var(--font-body); font-size: 14px; line-height: 22px; font-weight: 400; }
.record { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 500; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; }