:root{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f7f7f7;--surface-sink: #ebebeb;--ink: #222222;--ink-soft: #5a5a5a;--ink-faint: #717171;--line: #ebebeb;--line-strong: #dddddd;--accent: #e0384f;--accent-soft: #fff1f3;--accent-dark: #c2233a;--accent-line: rgba(224, 56, 79, .22);--on-accent: #ffffff;--host-accent: #222222;--host-soft: #f7f7f7;--host-dark: #000000;--host-line: #dddddd;--success-bg: #eaf5ee;--success-ink: #1a7f43;--success-line: #b6dfc5;--danger: #c13515;--danger-soft: #fdeeeb;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);--shadow: 0 2px 4px rgba(0, 0, 0, .06), 0 6px 16px rgba(0, 0, 0, .09);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 32px rgba(0, 0, 0, .14);--max: 1120px}