/* Crozier Family Mobile RV Repair LLC — Theme D (Roadside Retro)
   Levers (per design-system.md §6 pre-assignment for this slug):
   rust-forward palette + notch divider + plain underbar header
   (see README.md for sibling-proof against bells-auto, the Theme D sibling) */
:root{
  --font-display:"Paytone One",system-ui,sans-serif;
  --display-transform:none; --display-weight:400; --display-tracking:.002em; --display-lh:1.02;
  --paper:#f6ede2; --surface:#fffaf3; --surface-2:#ecdcc7;
  --ink:#231b15; --ink-soft:#4a3c30; --ink-faint:#7a6a5a;
  --line:#ddc8ac; --line-strong:#c2a882;
  --brand:#b5561f; --on-brand:#fbf1e4;              /* warm rust, rust-forward lever */
  --accent:#12615e; --on-accent:#fbf1e4;             /* deep teal accent */
  --accent-2:#b5561f;
  --radius:10px; --radius-lg:14px; --border-w:2px; --rule-w:1px;
  --shadow:none; --lift:2px;
  --divider-color:#c2a882; --divider-accent:var(--accent);
  --slot-bg:#f0e2cd; --slot-line:#c2a882; --slot-tag-bg:#b5561f;
  --header-underbar:4px;

  /* photo hero — warm rust-brown tint (Theme D rust-forward flip; stays out
     of the teal family bells-auto uses so the siblings read flipped) */
  --hero-tint-a:#1c0f06;   /* content side — near-black rust-brown */
  --hero-tint-b:#6e3411;   /* photo side  — warm rust (deepened a touch:
                               the desert-sunset source photo is pale, so a
                               slightly darker rust keeps the reveal side from
                               washing out against the light sky) */
  --hero-bar:3px;
}

/* Paytone One is single-weight (400) — base.css button/wordmark defaults pull
   700, which would synthetic-bold against a font that has no bold cut. */
.btn{font-weight:400}
.wordmark__name{font-weight:400}

/* lever: plain baseline wordmark (no plate) + accent underbar pinstripe under
   the whole header, set via --header-underbar above and consumed by base.css
   .site-header::after */
.wordmark__name{max-width:16ch}
@media(min-width:420px){.wordmark__name{max-width:none}}

/* quick anchor nav */
.quick-nav{display:none;gap:18px;margin:0;padding:0;list-style:none}
.quick-nav a{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-soft);text-decoration:none;
}
.quick-nav a:hover{color:var(--ink)}
@media(min-width:760px){.quick-nav{display:flex}}

/* checkbox field (photo consent) — base.css has no pattern for this */
.field--checkbox label{
  display:flex;align-items:flex-start;gap:.6em;
  font-family:var(--font-body);font-size:.95rem;color:var(--ink);
  text-transform:none;letter-spacing:0;cursor:pointer;
}
.field--checkbox input[type="checkbox"]{
  width:20px;height:20px;min-width:20px;margin-top:.15em;accent-color:var(--accent);
}

/* two-lane phone router inside the centerpiece aside — narrower stacked lanes */
.centerpiece .lanes{grid-template-columns:1fr}
.centerpiece .lane .btn{width:100%}

/* is-slot address block inside an info-card */
.addr.is-slot{
  background:var(--slot-bg);background-image:var(--hatch);
  border:2px dashed var(--slot-line);border-radius:var(--radius);
  padding:12px 14px;display:block;
}
.addr.is-slot .slot-label{
  font-family:var(--font-mono);font-size:.78rem;font-weight:700;
  letter-spacing:.04em;color:var(--slot-ink,var(--ink-soft));display:block;margin-bottom:.4em;
}
.addr.is-slot span+span{display:block;color:var(--slot-ink,var(--ink-soft))}

/* hours row for a not-yet-confirmed value gets the same hatch treatment as
   other placeholder types (same pattern used across the theme's sibling) */
.hours li.is-slot{background:var(--slot-bg);background-image:var(--hatch);
  margin-inline:-14px;padding-inline:14px;border-radius:var(--radius)}
.hours li.is-slot .time{color:var(--slot-ink,var(--ink-soft));font-weight:600;
  font-family:var(--font-mono);font-size:.78rem}

.centerpiece__panel--split{align-items:start}
.centerpiece aside h3, .centerpiece .info-card h3{color:var(--ink)}

.form-wrap + .btn{margin-top:12px}