/* Atelier Kotao — generated from tokens.json */
@font-face{font-family:'Alegreya';src:url('fonts/Alegreya-Variable.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Alegreya';src:url('fonts/Alegreya-Italic-Variable.woff2') format('woff2');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Alegreya Sans';src:url('fonts/AlegreyaSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Alegreya Sans';src:url('fonts/AlegreyaSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Alegreya Sans';src:url('fonts/AlegreyaSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Alegreya Sans';src:url('fonts/AlegreyaSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root, [data-theme="light"]{--bakar:#b0602e;--loza:#4a3322;--krem:#f6efe4;--eukaliptus:#7f9a96;--barsun:#8a1626;--bor:#2e3d2a;--naranca:#b8691e;--cigla:#865a40;--surface:var(--krem);--surface-raised:#fbf7f1;--surface-sunken:#efe6d8;--surface-inverse:var(--loza);--on-inverse:var(--krem);--overlay:rgba(30, 23, 19, 0.48);--line:#e3d8c8;--line-strong:#937b67;--ink:var(--loza);--ink-muted:#76594a;--ink-disabled:#a8978a;--accent:var(--bakar);--on-accent:#ffffff;--accent-hover:#99522a;--accent-text:#9a5124;--accent-soft:#f3e0cf;--sage:#5c7672;--sage-soft:#dfe7e4;--success:#3f5e45;--success-soft:#e1eadf;--warning:#8a4c12;--warning-soft:#f6e3c8;--danger:var(--barsun);--danger-soft:#f6dfdf;--on-danger:#ffffff;--info:#3f5d59;--focus:#9a5124;--photo-bg:var(--cigla);--price-sale:var(--barsun);--shadow-sm:0 1px 2px #4a33220f, 0 2px 6px #4a33220d;--shadow-md:0 4px 12px #4a33221a, 0 1px 3px #4a332214;--shadow-lg:0 16px 40px -8px #4a332233, 0 4px 12px #4a33221a;--focus-ring:0 0 0 2px #f6efe4, 0 0 0 4px #9a5124}
[data-theme="dark"]{--bakar:#b0602e;--loza:#4a3322;--krem:#f6efe4;--eukaliptus:#7f9a96;--barsun:#8a1626;--bor:#2e3d2a;--naranca:#b8691e;--cigla:#865a40;--surface:#1e1713;--surface-raised:#28201a;--surface-sunken:#16110d;--surface-inverse:#f3eadc;--on-inverse:var(--loza);--overlay:rgba(0, 0, 0, 0.6);--line:#3e3229;--line-strong:#85715f;--ink:#f3eadc;--ink-muted:#c4b3a1;--ink-disabled:#6f6153;--accent:#d58c56;--on-accent:#1e1713;--accent-hover:#e3a274;--accent-text:#e5a46f;--accent-soft:#3a2618;--sage:#93aeaa;--sage-soft:#243230;--success:#9cc3a2;--success-soft:#1f2d22;--warning:#e8ad6c;--warning-soft:#3a2810;--danger:#f0939c;--danger-soft:#3d1419;--on-danger:#1e1713;--info:#a9c4c0;--focus:#e5a46f;--photo-bg:#4a3426;--price-sale:#f0939c;--shadow-sm:0 1px 3px #00000099;--shadow-md:0 6px 16px #000000b3;--shadow-lg:0 20px 48px -8px #000000cc;--focus-ring:0 0 0 2px #1e1713, 0 0 0 4px #e5a46f}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-full:9999px;--container:1200px;--measure:680px;--header-height:72px;--control-sm:36px;--control-md:44px;--control-lg:52px;--bp-sm:600px;--bp-md:900px;--bp-lg:1200px;--z-header:100;--z-drawer:400;--z-dialog:500;--z-toast:600;--font-serif:"Alegreya", Georgia, "Times New Roman", serif;--font-sans:"Alegreya Sans", "Gill Sans", "Segoe UI", system-ui, sans-serif}
.display{font-family:var(--font-serif);font-size:64px;line-height:64px;font-weight:700;letter-spacing:-0.01em}
.tagline{font-family:var(--font-serif);font-size:24px;line-height:32px;font-weight:400;font-style:italic}
.h1{font-family:var(--font-serif);font-size:44px;line-height:52px;font-weight:500}
.h2{font-family:var(--font-serif);font-size:34px;line-height:42px;font-weight:500}
.h3{font-family:var(--font-serif);font-size:26px;line-height:34px;font-weight:500}
.h4{font-family:var(--font-serif);font-size:21px;line-height:28px;font-weight:500}
.product-name{font-family:var(--font-serif);font-size:19px;line-height:25px;font-weight:500}
.price-lg{font-family:var(--font-serif);font-size:30px;line-height:36px;font-weight:600}
.price{font-family:var(--font-serif);font-size:19px;line-height:24px;font-weight:600}
.lead{font-family:var(--font-sans);font-size:19px;line-height:30px;font-weight:400}
.body{font-family:var(--font-sans);font-size:17px;line-height:27px;font-weight:400}
.body-sm{font-family:var(--font-sans);font-size:15px;line-height:23px;font-weight:400}
.label{font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:500}
.button{font-family:var(--font-sans);font-size:16px;line-height:20px;font-weight:500;letter-spacing:0.01em}
.caption{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:400}
.overline{font-family:var(--font-sans);font-size:13px;line-height:16px;font-weight:500;letter-spacing:0.12em}