/* cyber-violet — 電紫×淡紫白 | 深色科技入口（layout-o 深色科技）*/
:root {
  --clr-accent:         #7c3aed;
  --clr-accent-dark:    #6d28d9;
  --clr-accent-light:   #a78bfa;
  --clr-accent-glow:    rgba(124,58,237,.28);
  --clr-accent-faint:   rgba(124,58,237,.08);

  --clr-bg:             #faf5ff;
  --clr-bg-alt:         #ede9fe;
  --clr-bg-dark:        #1e1b4b;
  --clr-bg-dark2:       #2e1065;

  --clr-text:           #1e1b4b;
  --clr-text-muted:     #6b7280;
  --clr-text-inv:       #faf5ff;
  --clr-text-inv-muted: rgba(250,245,255,.68);

  --clr-border:         #ddd6fe;
  --clr-border-dark:    rgba(124,58,237,.22);

  --clr-tag-1:          #7c3aed;
  --clr-tag-2:          #0284c7;
  --clr-tag-3:          #059669;
  --clr-tag-4:          #db2777;
  --clr-tag-5:          #d97706;

  --clr-hero-overlay:   linear-gradient(0deg, rgba(30,27,75,.96) 0%, rgba(30,27,75,.55) 55%, rgba(30,27,75,.12) 100%);
  --clr-shadow:         0 1px 4px rgba(124,58,237,.12), 0 1px 2px rgba(0,0,0,.04);
  --clr-shadow-md:      0 4px 16px rgba(124,58,237,.18), 0 2px 4px rgba(0,0,0,.05);
  --clr-shadow-accent:  0 6px 28px rgba(124,58,237,.35);
}