/* style-color.css — spreadpro.store 品牌色票，數值取自 css/style.css 實際 :root 定義 */
:root {
  --clr-accent:         #1a56db;
  --clr-accent-dark:    #1341ad;
  --clr-accent-light:   #4d7ce6;
  --clr-accent-glow:    rgba(26,86,219,.22);
  --clr-accent-faint:   rgba(26,86,219,.08);

  --clr-bg:             #ffffff;
  --clr-bg-alt:         #f7f9fc;
  --clr-bg-dark:        #111827;
  --clr-bg-dark2:       #1f2937;

  --clr-text:           #111827;
  --clr-text-muted:     #6b7280;
  --clr-text-inv:       #ffffff;
  --clr-text-inv-muted: rgba(255,255,255,.72);

  --clr-border:         #e5e7eb;
  --clr-border-dark:    rgba(26,86,219,.20);

  --clr-tag-1:          #1a56db;
  --clr-tag-2:          #0d9548;
  --clr-tag-3:          #10b981;
  --clr-tag-4:          #8b5cf6;
  --clr-tag-5:          #dc2626;

  --clr-hero-overlay:   linear-gradient(0deg, rgba(17,24,39,.9) 0%, rgba(17,24,39,.45) 55%, rgba(17,24,39,.1) 100%);
  --clr-shadow:         0 1px 3px rgba(17,24,39,.08);
  --clr-shadow-md:      0 4px 12px rgba(17,24,39,.12);
  --clr-shadow-accent:  0 6px 20px rgba(26,86,219,.28);
}