/* OREO palette on the current customer app. Preview: ?palette=oreo */
body.theme-oreo:not(.dark){
  --deep:#171717;--accent:#171717;--on-accent:#fff;--sea:#888;
  --bg:#f5f5f5;--card:#fff;--soft:#eee;--mint:#eee;--ink:#171717;--muted:#666;--line:#d8d8d8;
  --sand:#eee;--terra:#555;--terra-ink:#555;
  --hi:#171717;--hi-on:#fff;--hi-ink:#171717;--hi-edge:#888;
}
body.theme-oreo.dark{
  --deep:#f4f4f4;--accent:#f4f4f4;--on-accent:#171717;--sea:#aaa;
  --bg:#090909;--card:#202020;--soft:#303030;--mint:#303030;--ink:#f4f4f4;--muted:#bdbdbd;--line:#444;
  --sand:#ddd;--terra:#ddd;--terra-ink:#ddd;
  --hi:#f4f4f4;--hi-on:#171717;--hi-ink:#f4f4f4;--hi-edge:#aaa;
}
body.theme-oreo::before{filter:grayscale(1)}
body.theme-oreo:not(.dark)::after{background:linear-gradient(180deg,#f5f5f58c,#f5f5f550 50%,#f5f5f5b3)}
body.theme-oreo.dark::after{background:linear-gradient(180deg,#09090999,#09090980 50%,#090909bf)}
body.theme-oreo :is(.primary,.paybar button){background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--line)!important;box-shadow:inset 0 1px 0 #ffffff30,0 6px 18px #0002!important}
body.theme-oreo :is(.chips button[aria-pressed="true"],.unit[aria-pressed="true"],.tabs a[aria-current="page"]){background:var(--hi)!important;color:var(--hi-on)!important;border-color:var(--hi-edge)!important;box-shadow:inset 0 1px 0 #ffffff22!important}
body.theme-oreo .kicker::before{background:#e7b719}
body.theme-oreo .pin{color:#171717;background:#ffffffd9}
body.theme-oreo .theme-switch{background:#ddd;border-color:#aaa}
body.theme-oreo.dark .theme-switch{background:#666;border-color:#999}
body.theme-oreo .theme-sun,body.theme-oreo .theme-moon{color:var(--muted)}
body.theme-oreo[data-view="book"] .paybar{background:color-mix(in srgb,var(--card) 88%,transparent)!important;color:var(--ink)}
body.theme-oreo .suggestion-card{background:#202020}
body.theme-oreo .suggestion-card::after{background:linear-gradient(180deg,#0003,transparent 32%,#0009 54%,#090909fa)}
body.theme-oreo .suggestion-category{background:#17171788}
body.theme-oreo .suggestion-mood{color:#eee}
body.theme-oreo .suggestion-save{background:#f4f4f4;color:#171717;border-color:#ddd}
body.theme-oreo .suggestion-save[aria-pressed="true"]{background:#ccc}
body.theme-oreo .suggestion-credit{color:#ccc;border-color:#ffffff40}
body.theme-oreo .bike-details:hover{background:var(--soft)}

/* Minimal controls inspired by familiar video-app navigation. */
body .ui-icon{display:block;width:21px;height:21px;flex:none}
body .tabs{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none}
body .tabs a{border:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important;text-shadow:none!important}
body .tabs a[aria-current="page"]{background:var(--soft)!important;color:var(--ink)!important;border-radius:999px}
body :is(.primary,.ghost,.icon,.chips button,.stepper button,.unit,.paybar button,.cart-button,.calendar-nav){background-image:none!important;box-shadow:none!important;text-shadow:none!important}
body :is(.primary,.ghost,.icon,.chips button,.stepper button,.unit,.paybar button,.cart-button,.calendar-nav)::before,body :is(.primary,.ghost,.icon,.chips button,.stepper button,.unit,.paybar button,.cart-button,.calendar-nav)::after{display:none!important;animation:none!important}
body :is(.step,.summary,.receipt,.cart-dialog,.bike,.story,.shopcard){box-shadow:none!important;background-image:none!important}
body .preference-pack{box-shadow:none;background:var(--card)}
body .bring-ico .ui-icon{width:22px;height:22px}
