/* Shared brand primitives; loaded only by the first representative screen. */
:root {
 --hub-paper: #faf8f0;
 --hub-surface: #fffef9;
 --hub-ink: #34394f;
 --hub-muted: #646a7c;
 --hub-navy: #373d57;
 --hub-butter: #f7e8b3;
 --hub-butter-soft: #fff4cf;
 --hub-lavender: #eeedf5;
 --hub-lavender-ink: #686681;
 --hub-blue-soft: #eaf0f4;
 --hub-blue: #566e8c;
 --hub-line: #deded8;
 --hub-line-strong: #9298a8;
 --hub-positive: #246b52;
 --hub-negative: #ac3e4f;
 --hub-warning: #825b1e;
 --hub-error: #a33945;
 --hub-error-soft: #fbeeed;
 --hub-focus: #536d99;
 --hub-font: "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
 --hub-text-small: 13px;
 --hub-text-label: 14px;
 --hub-text-body: 15px;
 --hub-text-title: 30px;
 --hub-text-section: 22px;
 --hub-leading: 1.7;
 --hub-space-1: 4px;
 --hub-space-2: 8px;
 --hub-space-3: 12px;
 --hub-space-4: 16px;
 --hub-space-6: 24px;
 --hub-space-8: 32px;
 --hub-space-12: 48px;
 --hub-radius-control: 8px;
 --hub-radius-card: 8px;
 --hub-border: 1px solid var(--hub-line);
 --hub-shadow: none;
}