:root{
  --c-background:255 255 255;
  --c-error:198 40 40;
  --c-error-container:147 0 10;
  --c-inverse-on-surface:40 48 68;
  --c-inverse-primary:112 93 0;
  --c-inverse-surface:16 36 29;
  --c-on-background:16 36 29;
  --c-on-error:255 255 255;
  --c-on-error-container:255 218 214;
  --c-on-primary:12 42 33;
  --c-on-primary-container:112 94 0;
  --c-on-primary-fixed:12 42 33;
  --c-on-primary-fixed-variant:84 70 0;
  --c-on-secondary:5 41 122;
  --c-on-secondary-container:157 178 255;
  --c-on-secondary-fixed:0 22 78;
  --c-on-secondary-fixed-variant:31 107 86;
  --c-on-surface:16 36 29;
  --c-on-surface-variant:90 111 102;
  --c-on-tertiary:70 42 0;
  --c-on-tertiary-container:133 84 0;
  --c-on-tertiary-fixed:42 23 0;
  --c-on-tertiary-fixed-variant:101 62 0;
  --c-outline:138 156 148;
  --c-outline-variant:12 59 46;
  --c-primary:15 42 34;
  --c-primary-container:169 120 28;
  --c-primary-fixed:143 102 22;
  --c-primary-fixed-dim:184 134 43;
  --c-secondary:42 122 99;
  --c-secondary-container:31 107 86;
  --c-secondary-fixed:220 225 255;
  --c-secondary-fixed-dim:143 214 188;
  --c-surface:255 255 255;
  --c-surface-bright:221 231 226;
  --c-surface-container:242 246 244;
  --c-surface-container-high:236 241 238;
  --c-surface-container-highest:230 237 233;
  --c-surface-container-low:247 249 248;
  --c-surface-container-lowest:243 246 244;
  --c-surface-dim:255 255 255;
  --c-surface-tint:217 174 69;
  --c-surface-variant:230 237 233;
  --c-tertiary:255 244 236;
  --c-tertiary-container:255 210 157;
  --c-tertiary-fixed:255 221 183;
  --c-tertiary-fixed-dim:255 185 92;
  --chrome:#0C3B2E;
  --field-border:#D5DFDA;
  --scroll-thumb:#C9D6CF;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --c-background:12 59 46;
  --c-error:255 180 171;
  --c-inverse-surface:244 241 230;
  --c-on-background:244 241 230;
  --c-on-error:105 0 5;
  --c-on-surface:244 241 230;
  --c-on-surface-variant:169 199 185;
  --c-outline:127 166 151;
  --c-outline-variant:232 190 87;
  --c-primary:250 243 220;
  --c-primary-container:232 190 87;
  --c-primary-fixed:240 212 134;
  --c-primary-fixed-dim:217 174 69;
  --c-secondary:143 214 188;
  --c-surface:12 59 46;
  --c-surface-bright:34 107 86;
  --c-surface-container:17 72 58;
  --c-surface-container-high:22 83 66;
  --c-surface-container-highest:28 94 75;
  --c-surface-container-low:15 66 52;
  --c-surface-container-lowest:8 44 34;
  --c-surface-dim:12 59 46;
  --c-surface-variant:28 94 75;
  --chrome:#082C22;
  --field-border:#3E7A67;
  --scroll-thumb:#2F6B58;
  color-scheme:dark;
}

.altun-logo{display:inline-flex;align-items:center;gap:.6em;letter-spacing:.32em;font-weight:500;white-space:nowrap}
.altun-logo svg{width:1.45em;height:1.45em;flex:none}
.altun-logo small{font-size:.6em;letter-spacing:.14em;color:rgb(var(--c-primary-container));margin-left:-.3em;font-weight:500}
::selection{background:rgba(232,190,87,.4)}
html{scrollbar-color:var(--scroll-thumb) rgb(var(--c-background))}
body{background-color:rgb(var(--c-background));color:rgb(var(--c-on-surface))}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=hidden]),
select, textarea, #price-per-gram {
  background-color: #FFFFFF !important;
  color: #0C2A21 !important;
  border: 1px solid var(--field-border) !important;
  color-scheme: light;
}
input:focus, select:focus, textarea:focus { border-color: #B8862B !important; outline: none; }
input::placeholder, textarea::placeholder { color: #8A9C94 !important; opacity: 1; }
select option { background: #FFFFFF; color: #0C2A21; }
label.cursor-pointer.bg-surface-container-highest { background-color: #FFFFFF !important; border: 1px solid var(--field-border); }
label.cursor-pointer.bg-surface-container-highest span { color: #4B6B5E !important; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #FFFFFF inset !important; -webkit-text-fill-color: #0C2A21 !important; }

.brand-chrome{background-color:var(--chrome)!important;border-color:rgba(232,190,87,.25)!important}
.glass-nav.brand-chrome{background-color:var(--chrome)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.brand-chrome,.brand-chrome .text-on-surface,.brand-chrome .text-primary{color:#F4F1E6!important}
.brand-chrome .text-on-surface-variant{color:#A9C7B9!important}
.brand-chrome .text-primary-container,.brand-chrome .hover\:text-primary-container:hover{color:#E8BE57!important}
.brand-chrome .border-primary-container{border-color:#E8BE57!important}
.brand-chrome .bg-surface-container-high,.brand-chrome .bg-surface-container-highest{background-color:rgba(255,255,255,.1)!important}
.brand-chrome #mobile-menu{background-color:var(--chrome)!important;border-color:rgba(232,190,87,.2)!important}
.brand-chrome .altun-logo svg{stroke:#E8BE57}
.brand-chrome .altun-logo svg path[fill]{fill:#E8BE57}
.brand-chrome .altun-logo small{color:#E8BE57}
.brand-chrome .text-error{color:#FFB4AB!important}
.brand-chrome [class*='text-on-surface-variant/']{color:#8FB3A3!important}
.brand-chrome .altun-logo svg circle[fill]{fill:#E8BE57}

:root[data-theme="dark"] .altun-logo svg{stroke:#E8BE57}
:root[data-theme="dark"] .altun-logo svg path[fill],:root[data-theme="dark"] .altun-logo svg circle[fill]{fill:#E8BE57}
:root[data-theme="dark"] .altun-logo small{color:#E8BE57}
