/* ARTREW — Design Tokens */
:root {
  --black:#000;--white:#fff;
  --bg:#040806;--surface:#0a110d;--elevated:#0e1812;--overlay:rgba(4,8,6,0.85);
  --text:#FAFAF8;--text-2:#94a3b8;--text-3:#64748b;--text-inv:#040806;
  --accent:#D4AF37;--accent-dim:rgba(212,175,55,0.12);--accent-hover:#E8C547;
  --success:#34c759;--warning:#ff9f0a;--error:#ff453a;
  --border:rgba(250,250,248,0.06);--border-bold:rgba(250,250,248,0.15);--border-gold:rgba(212,175,55,0.2);
  --ch1:#D4AF37;--ch2:#8B5CF6;--ch3:#10B981;--ch4:#F59E0B;
  --font:'Inter',-apple-system,BlinkMacSystemFont,system-ui,'Pretendard','Noto Sans KR',sans-serif;
  --font-display:'Cinzel','Cormorant Garamond',serif;
  --font-art:'Cormorant Garamond','Nanum Myeongjo',serif;
  --font-mono:'SF Mono','JetBrains Mono','Fira Code',monospace;
  --text-display:clamp(3.5rem,10vw,8rem);--text-hero:clamp(2.5rem,7vw,5.5rem);
  --text-h1:clamp(1.75rem,4vw,3rem);--text-h2:clamp(1.25rem,2.5vw,2rem);
  --text-h3:clamp(1rem,1.5vw,1.25rem);--text-body:clamp(0.875rem,1vw,1rem);
  --text-small:0.8125rem;--text-xs:0.6875rem;--text-micro:0.5625rem;
  --w-thin:100;--w-light:200;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-black:900;
  --lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.75;
  --ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.08em;--ls-wider:0.15em;--ls-widest:0.3em;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
  --sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;
  --max-w:1440px;--max-w-text:720px;--max-w-narrow:480px;--gutter:clamp(16px,4vw,48px);
  --nav-h:56px;--player-h:64px;--player-h-m:56px;
  --r-none:0;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-full:9999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 40px rgba(212,175,55,0.15);
  --ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --dur-fast:150ms;--dur-normal:300ms;--dur-slow:600ms;--dur-slower:1000ms;
  --z-base:1;--z-sticky:10;--z-nav:100;--z-player:200;--z-overlay:300;--z-modal:400;--z-toast:500;
}