/* slate-amber — 石板灰×明黃 | 科技清爽（明亮版）*/
:root {
  --clr-accent:         #f59e0b;
  --clr-accent-dark:    #d97706;
  --clr-accent-light:   #fbbf24;
  --clr-accent-glow:    rgba(245,158,11,.25);
  --clr-accent-faint:   rgba(245,158,11,.07);

  --clr-bg:             #f8fafc;
  --clr-bg-alt:         #f1f5f9;
  --clr-bg-dark:        #1e293b;
  --clr-bg-dark2:       #334155;

  --clr-text:           #1e293b;
  --clr-text-muted:     #64748b;
  --clr-text-inv:       #f8fafc;
  --clr-text-inv-muted: rgba(248,250,252,.70);

  --clr-border:         #e2e8f0;
  --clr-border-dark:    rgba(245,158,11,.18);

  --clr-tag-1:          #f59e0b;
  --clr-tag-2:          #3b82f6;
  --clr-tag-3:          #10b981;
  --clr-tag-4:          #8b5cf6;
  --clr-tag-5:          #ef4444;

  --clr-hero-overlay:   linear-gradient(0deg, rgba(30,41,59,.95) 0%, rgba(30,41,59,.52) 55%, rgba(30,41,59,.12) 100%);
  --clr-shadow:         0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);
  --clr-shadow-md:      0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);
  --clr-shadow-accent:  0 6px 24px rgba(245,158,11,.30);
}