:root {
    --hsj-ink: #1a1a2e;
    --hsj-ink-soft: #2e2e50;
    --hsj-muted: #646978;
    --hsj-surface: #fff;
    --hsj-surface-soft: #f5f6fa;
    --hsj-danger: #b00020;
    --hsj-danger-strong: #c0392b;
    --hsj-danger-strong-hover: #a93226;
    --hsj-danger-border: #e0b0b8;
    --hsj-green: #1a7a3c;
    --hsj-green-border: #b6e8c2;
    --hsj-info: #00508a;
    --hsj-info-bg: #e8f4ff;
    --hsj-info-border: #99cef5;
    --hsj-link: #1a5edb;
    --hsj-border: #e0e0e0;
    --hsj-card-border: #dde3ed;
    --hsj-input-border: #b9becb;
    --hsj-card-shadow: 0 2px 10px rgba(26, 26, 46, .07);
    --hsj-focus-ring: 0 0 0 3px rgba(0, 80, 138, .2);
    --hsj-radius: 12px;
    --hsj-control-radius: 7px;
    --hsj-space-1: 8px;
    --hsj-space-2: 16px;
    --hsj-space-3: 24px;
    --hsj-space-4: 32px;
    --hsj-page-width: 1200px;
    --hsj-form-width: 760px;
    --hsj-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}