:root{
 --surface:#ffffff;
 --text:#202020;
 --muted:#5f5d58;
 --subtle:#f7f5f0;
 --border:#d8d3c9;
 --input-border:#8d877c;
 --accent:#ffd119;
 --accent-text:#191713;
 --accent-hover:#f0c000;
 --focus:#1e648b;
 --brand:#8b6f31;
 --footer-bg:#202020;
 --footer-text:#ffffff;
 --dialog-bg:#151515;
 --dialog-text:#ffffff;
 --backdrop:#000000d9;
 --hero-yoga-bg:#22251f;
 --hero-yoga-text:#f0e9da;
 --hero-word:#b8b3a8;
 --hero-glass:#fffffff0;
 --shadow:#00000015;
 --s-1:4px;
 --s-2:8px;
 --s-3:12px;
 --s-4:16px;
 --s-5:20px;
 --s-6:24px;
 --s-7:28px;
 --s-8:32px;
 --s-10:40px;
 --s-12:48px;
 --s-16:64px;
 --s-20:80px;
 --s-24:96px;
 --fs-small:14px;
 --fs-base:18px;
 --fs-large:24px;
 --fs-h3:30px;
 --fs-h2:48px;
 --fs-h1:72px;
 --radius:6px;
 --line:1px;
 --line-thick:3px;
 --touch:44px;
 --content:1200px;
 --prose:65ch;
 --motion:180ms;
 --header-height:80px;
 --subheader-height:60px;
 --hero-height:620px;
 --portrait-height:540px;
 --gallery-height:340px;
 --mobile-gallery-height:220px;
 --certificate-height:260px;
 --textarea-height:120px;
 --dialog-width:1000px;
 --blog-height:240px;
 --logo-width:220px;
 --mobile-logo-width:165px;
 --skyline-width:320px;
 --mobile-skyline-width:190px;
 --mobile-hero-height:370px;
 --hero-word-size:300px;
 --round-size:160px;
}