/* Tolkly — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #f3f5f2;
  --surface: #ffffff;
  --sunken: #e7ece9;
  --line: #d3dad6;
  --line-strong: #7a8884;
  --ink: #0f2328;
  --ink-muted: #4a5b5e;
  --ink-faint: #5f7073;
  --on-ink: #f3f5f2;
  --signal: #ffc21a;
  --on-signal: #0f2328;
  --signal-soft: #fff0bf;
  --signal-text: #7a5200;
  --you: #17434c;
  --on-you: #f3f5f2;
  --you-muted: #b4cbcf;
  --stop: #b5341a;
  --stop-soft: #fbe2d9;
  --on-stop: #ffffff;
  --go: #1f6aa5;
  --go-soft: #ddeaf5;
  --on-go: #ffffff;
  --focus: var(--go);
  --shadow-1: 0 1px 2px #0f23280f, 0 2px 8px #0f232814;
  --shadow-2: 0 2px 6px #0f23281a, 0 12px 32px #0f232829;
}
[data-theme="dark"] {
  --paper: #0c1b1f;
  --surface: #142a2f;
  --sunken: #081417;
  --line: #24393e;
  --line-strong: #6a8186;
  --ink: #ecf1ee;
  --ink-muted: #a6b6b4;
  --ink-faint: #869795;
  --on-ink: #0c1b1f;
  --signal: #ffc93a;
  --on-signal: #0c1b1f;
  --signal-soft: #3a3113;
  --signal-text: #ffd45e;
  --you: #1e5661;
  --on-you: #ecf1ee;
  --you-muted: #a9cbd0;
  --stop: #ff7a57;
  --stop-soft: #3d1a12;
  --on-stop: #0c1b1f;
  --go: #6fb3ea;
  --go-soft: #12304a;
  --on-go: #0c1b1f;
  --focus: var(--go);
  --shadow-1: 0 1px 2px #00000066, 0 2px 8px #00000052;
  --shadow-2: 0 2px 6px #00000080, 0 12px 32px #00000099;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-xs: 4px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-full: 9999px;
  --tap-min: 44px;
  --button-lg: 56px;
  --talk-button: 76px;
  --disc: 48px;
  --hero-go: 64px;
  --chip-height: 36px;
  --status-height: 32px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 30px;
  --bubble-max: 86%;
  --sign-min-height: 300px;
  --border-hair: 1px;
  --border-control: 1.5px;
  --border-gate: 2px;
  --font-display: "Schibsted Grotesk", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Noto Sans SC", system-ui, sans-serif;
  --font-text: "Atkinson Hyperlegible Next", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;
}
.display { font-family: var(--font-display); font-size: 34px; line-height: 38px; font-weight: 800; letter-spacing: -0.02em; }
.title { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.sign { font-family: var(--font-text); font-size: 44px; line-height: 52px; font-weight: 700; letter-spacing: -0.01em; }
.translation { font-family: var(--font-text); font-size: 20px; line-height: 28px; font-weight: 500; }
.body { font-family: var(--font-text); font-size: 17px; line-height: 24px; font-weight: 400; }
.button { font-family: var(--font-text); font-size: 17px; line-height: 22px; font-weight: 700; }
.original { font-family: var(--font-text); font-size: 15px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-text); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.01em; }
.code { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; }