:root {
  --hc-brand: #0038D6;
  --hc-brand-hover: #1447E6;
  --hc-brand-deep: #001F8F;
  --hc-brand-light: #2F6BFF;
  --hc-brand-text: #7EA0FF;
  --hc-brand-weak: #1A2A57;
  --hc-on-brand: #FFFFFF;

  --hc-bg: #1B1F26;
  --hc-surface-1: #232831;
  --hc-surface-2: #2B313B;
  --hc-surface-sunken: #1A1E25;
  --hc-surface-3: #353C48;
  --hc-surface-deep: #12151B;
  --hc-scrim: rgba(15, 18, 23, .6);
  --hc-scrim-strong: rgba(15, 18, 23, .94);

  --hc-ink: #E8EBF0;
  --hc-ink-muted: #AAB2BF;
  --hc-ink-soft: #CFD5DE;
  --hc-ink-subtle: #9099A8;

  --hc-border: #3A4250;
  --hc-border-strong: #66758A;
  --hc-edge: #0E1116;
  --hc-focus: #5C86FF;
  --hc-focus-ring: 0 0 0 2px var(--hc-focus);

  --hc-danger: #C0392B;
  --hc-danger-hover: #A93226;
  --hc-danger-text: #FF8A80;
  --hc-danger-weak: #3A2024;
  --hc-success-weak: #1D2B22;
  --hc-success-text: #A8D5B5;
  --hc-warn-text: #F0C674;
  --hc-warn-weak: #2A2615;
  --hc-info-text: #5AD2E6;

  --hc-font-ui: system-ui, -apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  --hc-font-mono: Consolas, ui-monospace, "Cascadia Mono", Menlo, monospace;
  --hc-fs-xs: 11px;
  --hc-fs-sm: 12px;
  --hc-fs-md: 13px;
  --hc-fs-base: 14px;
  --hc-fs-lg: 18px;
  --hc-lh: 1.5;

  --hc-sp-1: 4px;
  --hc-sp-2: 8px;
  --hc-sp-3: 12px;
  --hc-sp-4: 16px;
  --hc-sp-5: 24px;
  --hc-sp-6: 32px;

  --hc-r-sm: 4px;
  --hc-r-md: 6px;
  --hc-r-lg: 10px;

  --hc-shadow-pop: 0 8px 22px rgba(0, 0, 0, .6);
  --hc-shadow-dlg: 0 10px 40px rgba(0, 0, 0, .5);
}

:root[data-theme="light"] {
  --hc-brand: #0038D6;
  --hc-brand-hover: #001F8F;
  --hc-brand-deep: #001F8F;
  --hc-brand-light: #2F6BFF;
  --hc-brand-text: #0038D6;
  --hc-brand-weak: #E6ECFF;
  --hc-on-brand: #FFFFFF;

  --hc-bg: #F4F5F7;
  --hc-surface-1: #FFFFFF;
  --hc-surface-2: #EEF0F3;
  --hc-surface-sunken: #F7F8FA;
  --hc-surface-3: #E2E5EA;
  --hc-surface-deep: #FFFFFF;
  --hc-scrim: rgba(22, 24, 29, .4);
  --hc-scrim-strong: rgba(244, 245, 247, .96);

  --hc-ink: #16181D;
  --hc-ink-muted: #4A515C;
  --hc-ink-soft: #2E333B;
  --hc-ink-subtle: #5B616B;

  --hc-border: #D9DCE1;
  --hc-border-strong: #7C8594;
  --hc-edge: #C9CED6;
  --hc-focus: #0038D6;

  --hc-danger: #B42318;
  --hc-danger-hover: #912018;
  --hc-danger-text: #B42318;
  --hc-danger-weak: #FDECEA;
  --hc-success-weak: #E5F4EC;
  --hc-success-text: #1E7A4C;
  --hc-warn-text: #875A00;
  --hc-warn-weak: #FFF4D6;
  --hc-info-text: #006B7D;

  --hc-shadow-pop: 0 8px 22px rgba(16, 24, 40, .14);
  --hc-shadow-dlg: 0 12px 40px rgba(16, 24, 40, .18);
}