/*
 * HK Visual System 1.0
 * Canonical executable tokens and mobile action primitives for Xiaobei HK.
 * Product surfaces may consume these values; they must not redefine close variants locally.
 */
:root{
  --hk-color-action:#07c160;
  --hk-color-action-pressed:#06ad56;
  --hk-color-ink:#1f1f1f;
  --hk-color-copy:#4c4c4c;
  --hk-color-muted:#8a8a8a;
  --hk-color-line:#ededed;
  --hk-color-paper:#f7f7f7;
  --hk-color-surface:#fff;
  --hk-color-soft-action:#f1faf5;
  --hk-font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  --hk-font-code:ui-monospace,SFMono-Regular,Consolas,monospace;
  --hk-space-1:4px;
  --hk-space-2:8px;
  --hk-space-3:12px;
  --hk-space-4:16px;
  --hk-space-5:20px;
  --hk-space-6:24px;
  --hk-space-8:32px;
  --hk-radius-control:6px;
  --hk-radius-card:8px;
  --hk-radius-sheet:12px;
  --hk-control-height:42px;
  --hk-header-height:56px;
  --hk-mobile-gutter:16px;
  --hk-mobile-content:560px;
  --hk-shadow-floating:0 4px 16px rgba(0,0,0,.1);
  --hk-motion-fast:150ms;
}

@media(max-width:760px){
  .hk-action{
    min-height:var(--hk-control-height);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:0 15px;
    border:1px solid transparent;
    border-radius:var(--hk-radius-control);
    font-family:var(--hk-font-sans);
    font-size:13px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
  }
  .hk-action-primary{background:var(--hk-color-action);color:#fff}
  .hk-action-primary:active{background:var(--hk-color-action-pressed)}
  .hk-action-secondary{border-color:#d9d9d9;background:#fff;color:#333}
  .hk-action-secondary:active{background:#f2f2f2}
  .hk-action-text{justify-content:flex-start;padding-inline:0;background:transparent;color:var(--hk-color-action-pressed)}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}