:root {
  color-scheme: light;
  --bg: #fffaf3;
  --panel: #ffffff;
  --line: #eadfd5;
  --accent: #ff7166;
  --muted: #68757d;
}

body {
  color: #273740;
  background:
    radial-gradient(circle at 12% 4%, rgba(255, 225, 215, .78), transparent 22rem),
    radial-gradient(circle at 90% 42%, rgba(216, 242, 255, .76), transparent 24rem),
    #fffaf3;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}

.warranty-shell { width: min(680px, 100%); padding-top: 46px; }

.warranty-shell > header {
  margin-bottom: 26px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 25px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 12px 36px rgba(77, 61, 50, .08);
}

.warranty-brand-logo {
  width: 62px;
  height: 62px;
  border: 4px solid #fff;
  border-radius: 20px 20px 20px 7px;
  box-shadow: 0 10px 28px rgba(255, 113, 102, .15);
}

header p { color: #e95149; }
header h1 { color: #273740; font-size: clamp(27px, 6vw, 38px); }

.query-card,
.result-card,
.not-found {
  color: #273740;
  background: rgba(255, 255, 255, .95);
  border-color: #eadfd5;
  border-radius: 26px;
  box-shadow: 0 18px 55px rgba(77, 61, 50, .09);
}

.query-card { padding: 24px; }
.query-card label { color: #4f5e66; }
.query-row input { color: #273740; background: #fff; border-color: #ddd2c8; }
.query-row input:focus { border-color: #ff7166; box-shadow: 0 0 0 3px rgba(255, 113, 102, .12); outline: 0; }

.query-row button,
.line-link {
  color: #fff;
  background: linear-gradient(135deg, #ff7166, #e95149);
  box-shadow: 0 12px 26px rgba(233, 81, 73, .2);
}

#queryMessage,
.vehicle p,
dt,
.terms p { color: #6a777e; }

.status-line { border-color: #eee4dc; }
.status-line span { color: #24795b; background: #e7f7ef; border-color: #c6e7d7; }
.status-line span.expired { color: #a33f55; background: #fff0f3; border-color: #f2cad3; }
.status-line strong { color: #e95149; }
.vehicle { background: linear-gradient(135deg, #fff0ea, #eef9ff); }
.vehicle small { color: #e95149; }
.vehicle h2 { color: #273740; }
dl div { border-color: #eee4dc; background: #fdf9f4; }
dd { color: #273740; }
.terms { color: #273740; background: #eef9f4; border-color: #d3e9df; }
.terms h3 { color: #26795b; }
footer { color: #758188; }
footer a { color: #e95149; }

.public-switcher a[href="/warranty.html"] {
  color: #e95149;
  background: #ffe3da;
}

@media (max-width: 480px) {
  .warranty-shell { padding-top: 28px; }
  .query-card { padding: 19px; }
}