:root {
  /* 2026-09-06: sticky product aside clears the sticky site header. */
  --hp-header-h: 72px;

  --bg0: #FFFFFF;
  --bg1: #FAF6EE;
  --bg2: #F3EDE1;
  --bg3: #E9E0D0;
  --brand: #D2381B;
  --brand-deep: #97210E;
  --brand-light: #F0663C;
  --brand-soft: #FEF6F3;
  --brand-soft2: #F8DED3;
  --brand-strong: #97210E;
  --brand-txt: #D2381B;
  --danger: #C2312B;
  --danger-50: #FDECEA;
  --danger-strong: #A2201B;
  --field-border: var(--t4);
  --gold: #A46015;
  --info: #1F6FB2;
  --info-50: #E8F1F8;
  --info-strong: #175A91;
  --line1: #EDE4D5;
  --line2: #DCCFBA;
  --on-brand: #FFFFFF;
  --rank-bronze: #8A5A2B;
  --rank-silver: #6B6259;
  --success: #29794B;
  --success-50: #E9F4ED;
  --success-strong: #22643E;
  --t1: #211A15;
  --t2: #483C33;
  --t3: #665849;
  --t4: #76695C;
  --warn: #9C5C14;
  --warn-50: #FBF1E2;
  --video-bg: #000000;
  --video-caption-fg: #837466;
  --video-fg: #FFFFFF;
  --video-play-bg: rgba(0,0,0,.62);
  --video-play-border: rgba(255,255,255,.55);
  --video-play-shadow: 0 4px 18px rgba(0,0,0,.45);
  --video-duration-bg: rgba(0,0,0,.78);
  --video-scrim: linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.62) 58%,rgba(0,0,0,.32)), linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 68%);
  --c-brown: #8A5A2B;
  --c-green: #44773D;
  --c-ink: #5C4B3A;
  --c-orange: #A35710;
  --c-plum: #A63B52;
  --c-yellow: #E3B02A;
  --container: 1440px;
  --dur-1: 150ms;
  --dur-2: 240ms;
  --ease: cubic-bezier(.2,.6,.2,1);
  --font-mono: "JetBrains Mono","Sarasa Mono SC","SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
  --header-h: 64px;
  --mobile-tab-h: 56px;
  --sh1: 0 1px 2px rgba(60,40,20,.05);
  --sh2: 0 4px 16px rgba(60,40,20,.10);
  --sh3: 0 12px 40px rgba(40,20,10,.22);
  --sh-focus: 0 0 0 3px var(--brand-soft);
  --z-local-base: 1;
  --z-local-content: 2;
  --z-local-control: 3;
  --z-buybar: 95;
  --z-header: 100;
  --z-header-pop: 110;
  --z-max: 9999;
  --z-modal: 1000;
  --z-modal-top: 2000;
  --z-modal-veil: 2100;
  --z-overlay: 120;
  --z-subbar: 98;
  --z-tabbar: 90;
  --r-1: 4px;
  --r-2: 6px;
  --r-3: 8px;
  --r-4: 10px;
  --r-5: 12px;
  --r-6: 16px;
  --r-7: 24px;
  --r-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg0: #221C18;
    --bg1: #191411;
    --bg2: #2B2320;
    --bg3: #372D28;
    --brand: #D63D1F;
    --brand-deep: #8E1F0D;
    --brand-light: #F5754B;
    --brand-soft: #3A211A;
    --brand-soft2: #4A281E;
    --brand-strong: #F5754B;
    --brand-txt: #F5754B;
    --danger: #F08A85;
    --danger-50: rgba(240,138,133,.14);
    --danger-strong: #F08A85;
    --field-border: var(--t4);
    --gold: #E0983F;
    --info: #7FB6E6;
    --info-50: rgba(127,182,230,.14);
    --info-strong: #7FB6E6;
    --line1: #382E28;
    --line2: #4A3D35;
    --rank-bronze: #C79A62;
    --rank-silver: #A8A096;
    --success: #4CAF7A;
    --success-50: rgba(76,175,122,.14);
    --success-strong: #4CAF7A;
    --t1: #F5EFE8;
    --t2: #D8CCC1;
    --t3: #B7ACA1;
    --t4: #A3958A;
    --video-caption-fg: var(--t3);
    --warn: #E0983F;
    --warn-50: rgba(224,152,63,.14);
  }
}

:root[data-theme="dark"] {
  --bg0: #221C18;
  --bg1: #191411;
  --bg2: #2B2320;
  --bg3: #372D28;
  --brand: #D63D1F;
  --brand-deep: #8E1F0D;
  --brand-light: #F5754B;
  --brand-soft: #3A211A;
  --brand-soft2: #4A281E;
  --brand-strong: #F5754B;
  --brand-txt: #F5754B;
  --danger: #F08A85;
  --danger-50: rgba(240,138,133,.14);
  --danger-strong: #F08A85;
  --field-border: var(--t4);
  --gold: #E0983F;
  --info: #7FB6E6;
  --info-50: rgba(127,182,230,.14);
  --info-strong: #7FB6E6;
  --line1: #382E28;
  --line2: #4A3D35;
  --rank-bronze: #C79A62;
  --rank-silver: #A8A096;
  --success: #4CAF7A;
  --success-50: rgba(76,175,122,.14);
  --success-strong: #4CAF7A;
  --t1: #F5EFE8;
  --t2: #D8CCC1;
  --t3: #B7ACA1;
  --t4: #A3958A;
  --video-caption-fg: var(--t3);
  --warn: #E0983F;
  --warn-50: rgba(224,152,63,.14);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-1: 0ms;
    --dur-2: 0ms;
  }
}