/* style-color.css — livepro7.online 色彩 token（自 css/style.css :root 原樣萃取） */
/* warm-amber — 琥珀橙×暖白 */
:root {
  --clr-accent:         #d97706;
  --clr-accent-dark:    #b45309;
  --clr-accent-light:   #f59e0b;
  --clr-accent-glow:    rgba(217,119,6,.26);
  --clr-accent-faint:   rgba(217,119,6,.08);

  --clr-bg:             #fffbeb;
  --clr-bg-alt:         #fef3c7;
  --clr-bg-dark:        #1c1007;
  --clr-bg-dark2:       #27170a;

  --clr-text:           #1c1007;
  --clr-text-muted:     #78716c;
  --clr-text-inv:       #fffbeb;
  --clr-text-inv-muted: rgba(255,251,235,.68);

  --clr-border:         #fde68a;
  --clr-border-dark:    rgba(217,119,6,.22);

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

  --clr-hero-overlay:   linear-gradient(0deg, rgba(28,16,7,.96) 0%, rgba(28,16,7,.54) 55%, rgba(28,16,7,.12) 100%);
  --clr-shadow:         0 1px 4px rgba(217,119,6,.12), 0 1px 2px rgba(0,0,0,.04);
  --clr-shadow-md:      0 4px 16px rgba(217,119,6,.18), 0 2px 4px rgba(0,0,0,.05);
  --clr-shadow-accent:  0 6px 24px rgba(217,119,6,.32);

  --clr-hero-black:     #0a0a0a;
  --clr-hero-black2:    #141414;
  --clr-hero-gradient:  linear-gradient(100deg, #22c55e 0%, #f59e0b 45%, #dc2626 100%);
  --clr-hero-border:    rgba(255,255,255,.1);
  --clr-hero-text-muted: rgba(255,255,255,.66);
}