:root{--color-bg: #FFFFFF;--color-surface: #F5F7FA;--color-fg: #1A1A1A;--color-muted: #5F6B7A;--color-ink: #0B274B;--color-brand: #009DE1;--color-brand-strong: #0070A8;--color-on-strong: #FFFFFF;--color-focus: #0070A8;--color-cta: #FFD514;--color-success: #15803D;--color-warning: #B45309;--color-danger: #B42318;--color-info-surface: #E6F5FC;--color-banner-bg: #FFF4D6;--color-banner-fg: #5A4300;--color-control-border: #7A8594;--color-line: #E2E2E2;--color-screen-bg: #000000;--color-screen-fg: #FFFFFF;--color-screen-muted: #9A9A9A;--color-screen-key: #00FF00;--font-sans: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--leading-tight: 1.3;--leading-normal: 1.6;--leading-subtitle: 1.5;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--radius-control: 2px;--radius-card: 4px;--radius-panel: 8px;--radius-pill: 999px;--radius-device: 36px;--radius-device-inner: 26px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--focus-width: 2px;--focus-offset: 2px;--content-max: 960px;--content-max-wide: 1200px;--stage-max: 1120px;--control-height: 36px;--control-height-lg: 56px;--target-audience: 44px;--target-min: 24px}