: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);--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)}