/* tech-sky — 科技藍×淡藍白 | 卡片混合科技入口（layout-v 卡片混合）*/
:root {
  --clr-accent:         #0284c7;
  --clr-accent-dark:    #0369a1;
  --clr-accent-light:   #0ea5e9;
  --clr-accent-glow:    rgba(2,132,199,.24);
  --clr-accent-faint:   rgba(2,132,199,.07);

  --clr-bg:             #f0f9ff;
  --clr-bg-alt:         #e0f2fe;
  --clr-bg-dark:        #0c2d4e;
  --clr-bg-dark2:       #0c4a6e;

  --clr-text:           #0c2d4e;
  --clr-text-muted:     #64748b;
  --clr-text-inv:       #f0f9ff;
  --clr-text-inv-muted: rgba(240,249,255,.70);

  --clr-border:         #bae6fd;
  --clr-border-dark:    rgba(2,132,199,.20);

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

  --clr-hero-overlay:   linear-gradient(0deg, rgba(12,45,78,.96) 0%, rgba(12,45,78,.54) 55%, rgba(12,45,78,.12) 100%);
  --clr-shadow:         0 1px 4px rgba(2,132,199,.10), 0 1px 2px rgba(0,0,0,.04);
  --clr-shadow-md:      0 4px 16px rgba(2,132,199,.15), 0 2px 4px rgba(0,0,0,.05);
  --clr-shadow-accent:  0 6px 24px rgba(2,132,199,.30);
}