:root{--color-bg:#f3f2f2;--color-paper:#fbfaf9;--color-text:#201f1d;--color-accent:#b68235;--color-accent-700:#8a6428;--color-accent-800:#6f5020;--color-accent-on-dark:#d9a95c;--color-accent-on-dark-hover:#e3bd7c;--color-hairline:rgba(32,31,29,.12);--color-hairline-strong:rgba(32,31,29,.14);--color-hairline-on-hero:hsla(0,0%,100%,.18);--color-ink:#181614;--color-on-dark:#f3f2f2;--color-on-dark-2:#e9e6e1;--color-on-dark-3:#d6d1c9;--color-on-dark-muted:#a39d94;--color-hairline-on-dark:hsla(0,4%,95%,.14);--radius-sm:4px;--shadow-sm:0 1px 2px color-mix(in srgb,#2d2b2b 14%,transparent);--shadow-md:0 3px 10px color-mix(in srgb,#2d2b2b 16%,transparent);--shadow-lg:0 12px 32px color-mix(in srgb,#2d2b2b 22%,transparent);--shadow-dialog:0 18px 48px rgba(12,10,8,.32);--shadow-header:0 4px 16px rgba(0,0,0,.06);--shadow-panel:0 10px 28px rgba(12,10,8,.22);--shadow-square:0 8px 20px rgba(12,10,8,.26);--shadow-on-photo:0 4px 12px rgba(12,10,8,.18);--color-scrim:rgba(14,12,10,.62);--color-text-muted:#6b6b6b;--color-icon:#4a4a4a;--header-offset-desktop:143px;--header-offset-mobile:calc(65px + env(safe-area-inset-top, 0px));--font-cormorant:var(--font-heading)}