:root {
  --ht-ink:            #1E293B;
  --ht-ink-muted:      #64748B;
  --ht-ink-subtle:     #94A3B8;

  --ht-surface:        #FFFFFF;
  --ht-surface-alt:    #F1F5F9;
  --ht-page:           #F6F7F9;
  --ht-border:         #E5E9EF;
  --ht-border-strong:  #CBD5E1;

  --ht-primary:        #1E293B;
  --ht-primary-hover:  #0F172A;
  --ht-on-primary:     #FFFFFF;

  --ht-accent:         #F29F4F;
  --ht-accent-hover:   #E7893A;
  --ht-accent-strong:  #B45309;
  --ht-accent-soft:    #FDF1E3;
  --ht-on-accent:      #FFFFFF;

  --ht-success:        #16A34A;
  --ht-success-soft:   #E7F6EC;
  --ht-success-text:   #15803D;

  --ht-warning:        #D97706;
  --ht-warning-soft:   #FFF6E5;
  --ht-warning-text:   #92400E;

  --ht-danger:         #DC2626;
  --ht-danger-soft:    #FDECEA;
  --ht-danger-text:    #B91C1C;

  --ht-radius-card:    12px;
  --ht-radius-control: 10px;
  --ht-shadow-card:    0 8px 28px rgba(30, 41, 59, 0.07);

  --lk-ink:          var(--ht-ink);
  --lk-ink-muted:    var(--ht-ink-muted);
  --lk-surface:      var(--ht-surface);
  --lk-page-bg:      var(--ht-page);
  --lk-border:       var(--ht-border);
  --lk-primary:      var(--ht-primary);
  --lk-accent:       var(--ht-accent);
  --lk-accent-hover: var(--ht-accent-hover);
  --lk-danger:       var(--ht-danger);
  --lk-success:      var(--ht-success);
  --lk-radius-card:  var(--ht-radius-card);
  --lk-shadow-card:  var(--ht-shadow-card);
}