/* fone brand: electric blues, black, and red. */
:root{--ink:#101116;--muted:#687080;--line:#e1e6ef;--lime:#ef3340;--blue:#102a56;--red:#e32636}
.logo{color:var(--blue)}.logo span{color:var(--red)}
.topbar{background:#101116;color:#fff;border:0}
#search{border-color:#b7c5df}#search>button,.dark-button{background:var(--blue);color:#fff}
.icon-button small{background:var(--red);color:#fff}
nav .active{color:var(--blue);border-color:var(--blue)}nav button[data-action="deals"]{color:var(--red);font-weight:700}
.green-dot{background:var(--red)}
.hero{background:#e7efff}.hero .eyebrow{color:var(--blue)}.hero h1{color:#101116}.hero p,.hero-note{color:#4b5b75}
.hero-art{background:radial-gradient(ellipse at 50% 70%,#a8c3fa,transparent 65%)}
.phone{background:linear-gradient(125deg,#b5c9ef,#5a7dbd);border-color:#5374a4;box-shadow:16px 25px 28px #112e622e}
.camera{background:#9cb6e0}.camera i{border-color:#5d7396}.apple{color:#4c6691}
.phone.front{border-color:#252b37}.screen-glow{background:radial-gradient(ellipse at 100% 25%,#7bafff 0,transparent 43%),radial-gradient(ellipse at 5% 80%,#ff475a 0,transparent 42%),linear-gradient(130deg,#080d1c,#154eb6 48%,#0c1937 50%,#568df5)}
.floating-label{background:#fff;color:#152446}.spark{color:var(--red)}
p,.benefits{color:#626a78}.benefits b{color:var(--blue)}
.category-image,.product-image{background:#f0f4fb}.shop-section .eyebrow{color:var(--blue)}
.chips button.selected{background:var(--blue);border-color:var(--blue)}.heart.on{color:var(--red)}
.badge{background:#fde7e9;color:#b31626}.stars b{color:var(--blue)}
.product .condition,.shipping,.stars{color:#657083}.price del{color:#747d8c}
.promo{background:#10131c;color:#fff}.promo .eyebrow{color:#82aaff}.promo p{color:#c0cada}.promo .dark-button{background:var(--red)}
.recycle{color:#1d2c4c}.phone.mini{background:#487ad7;border-color:#7098df}.promo-tag{background:#e9efff;color:#132c60}.promo-tag span{color:var(--red)}
.newsletter form{border-color:#b5c0d5}#toast{background:#10131c}dialog::backdrop{background:#08132c99}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* Two-line wordmark for the full store name. */
header .logo,footer .logo{font-size:22px;line-height:1.08;letter-spacing:-.7px;flex-shrink:0;white-space:nowrap} @media(max-width:700px){header .logo,footer .logo{font-size:20px;letter-spacing:-.5px}}

footer a:not(.logo){font-size:13px;color:inherit;text-decoration:none;margin-right:18px}footer a:not(.logo):hover{text-decoration:underline}