/* RatingLabs design tokens — 다크 우선, 라이트는 data-theme="light" 로 1:1 대응.
   역할 색 3축: AI(Rating Labs)=--ai 보라 · FANDOM(MuraPop)=--fan 핑크 · CONTENT(TV Report)=--con 틸 */
:root{
  --bg:#0a0a10; --bg-2:#101019; --card:#14141f; --card-2:#1a1a28; --line:#26263a;
  --ink:#f3f2f8; --muted:#a3a1b5; --dim:#6f6d85;
  --ai:#8b5cf6; --fan:#ff4d8d; --con:#22d3c5; --gold:#ffc85c;
  --ai-soft:#8b5cf633; --fan-soft:#ff4d8d2e; --con-soft:#22d3c52e;
  --on-accent:#0a0a10; --btn-bg:#ffffff; --btn-ink:#111118;
  --glass:#ffffff0d; --glass-line:#ffffff1f; --grain-op:.07;
  --mesh-1:#8b5cf655; --mesh-2:#22d3c540; --mesh-3:#ff4d8d3d;
  --mark-filter:brightness(0) invert(1);   /* 로고(검정 R 마크·보라 MURAPOP)를 다크에서 흰색으로 — invert 만 쓰면 보라가 연두로 뒤집힌다 */

  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --fs-hero:clamp(40px,7.2vw,96px); --fs-h2:clamp(30px,4.4vw,56px); --fs-h3:clamp(20px,2vw,28px); --fs-lead:clamp(16px,1.5vw,19px);

  --s-section:clamp(88px,11vw,140px); --s-gutter:clamp(16px,3vw,24px); --wrap:1160px;
  --r-sm:12px; --r-md:18px; --r-lg:24px; --r-pill:999px;

  --ease:cubic-bezier(.2,.8,.2,1); --ease-io:cubic-bezier(.7,0,.3,1);
  --d-fast:.25s; --d-med:.7s; --d-slow:1.1s; --stagger:90ms; --rise:28px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f7f6fb; --bg-2:#efedf6; --card:#ffffff; --card-2:#f4f2fa; --line:#e2dfee;
  --ink:#14131c; --muted:#5d5a70; --dim:#8a879c;
  --ai:#6d3fe0; --fan:#e0306f; --con:#0e9c92; --gold:#b97d00;
  --ai-soft:#6d3fe01f; --fan-soft:#e0306f1a; --con-soft:#0e9c921a;
  --on-accent:#ffffff; --btn-bg:#14131c; --btn-ink:#ffffff;
  --glass:#ffffffb3; --glass-line:#14131c14; --grain-op:.04;
  --mesh-1:#8b5cf63a; --mesh-2:#22d3c52e; --mesh-3:#ff4d8d26;
  --mark-filter:none;
  color-scheme:light;
}