/* LRA Precision · MIKE — generated from tokens.json */
@font-face { font-family: "Science Gothic"; src: url("../fonts/ScienceGothic-wght-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root, [data-theme="dark"] { --bg: #191919; --surface: #222529; --surface-raised: #2e3238; --line: #a8b6cc59; --line-strong: #a8b6cc; --ink: #fcfcfc; --ink-muted: #a8b6cc; --action: #1c5f8c; --on-action: #fcfcfc; --focus: #30a4f2; --pass: #4ade80; --on-pass: #191919; --attention: #fbbf24; --on-attention: #191919; --stop: #f87171; --stop-panel: #450a0a; --danger: #b42318; --on-danger: #fcfcfc; --light-panel: #eaecef; --on-light-panel: #191919; --lra-deep-navy: #06192d; --lra-steel-blue: #16324f; --lra-gun-metal: #2e3238; --lra-ice-blue: #1c5f8c; --lra-ice-blast: #30a4f2; --lra-tint-dark: #a8b6cc; --lra-tint-light: #eaecef; --lra-white: #fcfcfc; --lra-black: #191919; }
[data-theme="light"] { --bg: #eaecef; --surface: #fcfcfc; --surface-raised: #fcfcfc; --line: #2e323840; --line-strong: #2e3238; --ink: #191919; --ink-muted: #2e3238; --action: #1c5f8c; --on-action: #fcfcfc; --focus: #1c5f8c; --pass: #166534; --on-pass: #fcfcfc; --attention: #92400e; --on-attention: #fcfcfc; --stop: #b42318; --stop-panel: #fff1f0; --danger: #b42318; --on-danger: #fcfcfc; --light-panel: #eaecef; --on-light-panel: #191919; --lra-deep-navy: #06192d; --lra-steel-blue: #16324f; --lra-gun-metal: #2e3238; --lra-ice-blue: #1c5f8c; --lra-ice-blast: #30a4f2; --lra-tint-dark: #a8b6cc; --lra-tint-light: #eaecef; --lra-white: #fcfcfc; --lra-black: #191919; }
[data-theme="navy"] { --bg: #06192d; --surface: #16324f; --surface-raised: #2e3238; --line: #a8b6cc59; --line-strong: #a8b6cc; --ink: #fcfcfc; --ink-muted: #a8b6cc; --action: #1c5f8c; --on-action: #fcfcfc; --focus: #30a4f2; --pass: #4ade80; --on-pass: #06192d; --attention: #fbbf24; --on-attention: #06192d; --stop: #f87171; --stop-panel: #450a0a; --danger: #b42318; --on-danger: #fcfcfc; --light-panel: #eaecef; --on-light-panel: #191919; --lra-deep-navy: #06192d; --lra-steel-blue: #16324f; --lra-gun-metal: #2e3238; --lra-ice-blue: #1c5f8c; --lra-ice-blast: #30a4f2; --lra-tint-dark: #a8b6cc; --lra-tint-light: #eaecef; --lra-white: #fcfcfc; --lra-black: #191919; }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --radius-sm: 6px; --radius-md: 12px; --target-main: 80px; --target-secondary: 64px; --target-key: 72px; --cut: 14px; --header: 88px; --font-sans: "Science Gothic", "Segoe UI", Roboto, system-ui, sans-serif; }
.display { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: 0.02em; }
.instruction { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 600; }
.value { font-family: var(--font-sans); font-size: 44px; line-height: 48px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 21px; line-height: 28px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 21px; line-height: 28px; font-weight: 500; }
.button { font-family: var(--font-sans); font-size: 21px; line-height: 24px; font-weight: 600; }
.secondary { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 400; }