/* Sudharma Knits - design tokens (same variable names as THM v2). Brand: charcoal + soft gold (#cdc498 from sudharmaknits.com main.css), Poppins. */
:root{
  --ink:#151411; --ink-2:#3a372f; --muted:#6d685a; --line:rgba(21,20,17,.10);
  --bg:#f7f5ef; --bg-2:#efebdf; --surface:#ffffff;
  --glass:rgba(255,255,255,.66); --glass-edge:rgba(255,255,255,.85);
  --accent:#cdc498; --accent-2:#e2dab3; --accent-ink:#151411; --accent-deep:#7d6f34;
  --steel:#dcd7c8; --steel-2:#a39d88;
  --ok:#14A06B; --warn:#E8A317; --bad:#D9363E;
  --grad-hero:radial-gradient(1200px 600px at 75% 20%, rgba(205,196,152,.22), transparent 60%), linear-gradient(160deg,#0e0d0b 0%,#1b1a15 55%,#2b281e 100%);
  --grad-metal:linear-gradient(135deg,#fbfaf6 0%,#ebe6d6 45%,#f6f3ea 55%,#dcd7c8 100%);
  --font-head:"Poppins",system-ui,sans-serif; --font-body:"Poppins",system-ui,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.25rem; --fs-xl:1.75rem; --fs-2xl:clamp(1.8rem,4vw,2.7rem); --fs-hero:clamp(2.1rem,5.4vw,4.2rem);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:84px;
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --wrap:1240px; --gutter:16px;
  --sh-1:0 1px 2px rgba(21,20,17,.06),0 2px 8px rgba(21,20,17,.06);
  --sh-2:0 6px 18px rgba(21,20,17,.10),0 2px 6px rgba(21,20,17,.06);
  --sh-3:0 24px 60px rgba(21,20,17,.20),0 8px 20px rgba(21,20,17,.10);
  --sh-glow:0 10px 36px rgba(205,196,152,.45);
  --blur:saturate(160%) blur(14px); --persp:1100px; --ease:cubic-bezier(.2,.8,.2,1); --dur:.45s;
}
html[data-theme=dark]{
  --ink:#f3efe4; --ink-2:#d6d0bf; --muted:#a39d88; --line:rgba(255,255,255,.10);
  --bg:#0e0d0b; --bg-2:#17160f; --surface:#1d1b15; --glass:rgba(29,27,21,.6); --glass-edge:rgba(255,255,255,.14);
  --steel:#3a372f; --steel-2:#6d685a; --accent-deep:#cdc498;
  --grad-metal:linear-gradient(135deg,#24221b 0%,#1d1b15 50%,#2b281e 100%);
}
@media (prefers-reduced-motion:reduce){:root{--dur:0s}}