/* Pickup Signal's shared brand layer.
   Product pages keep their local layout rules; this file only centralizes identity and tokens. */
:root {
  --ps-ink:#17251F;
  --ps-ink-deep:#102019;
  --ps-muted:#5E6B65;
  --ps-milk:#F7F4EC;
  --ps-milk-2:#EEF0EA;
  --ps-paper:#FFFFFF;
  --ps-line:#D8DDD8;
  --ps-line-strong:#7C8A82;
  --ps-green:#1F6848;
  --ps-green-dark:#174D37;
  --ps-green-soft:#E8F1EB;
  --ps-ready:#CDEC99;

  /* Public-site tokens. */
  --cream:var(--ps-milk);
  --cream-2:var(--ps-milk-2);
  --paper:var(--ps-paper);
  --ink:var(--ps-ink);
  --ink-deep:var(--ps-ink-deep);
  --mute:var(--ps-muted);
  --line:var(--ps-line);
  --line-2:var(--ps-line-strong);
  --taro:var(--ps-green);
  --taro-dp:var(--ps-green-dark);
  --taro-soft:var(--ps-green-soft);
  --matcha:var(--ps-green);
  --serif:var(--sans);

  /* Owner-product tokens. */
  --bq-color-surface:var(--ps-paper);
  --bq-color-surface-sunken:var(--ps-milk);
  --bq-color-text-primary:var(--ps-ink);
  --bq-color-text-muted:var(--ps-muted);
  --bq-color-border-hairline:var(--ps-line);
  --bq-color-border-strong:var(--ps-line-strong);
  --bq-color-accent:var(--ps-green);
  --bq-color-accent-ink:#FFFFFF;
  --bq-color-accent-deep:var(--ps-green-dark);
}

.ps-public h1,
.ps-public h2 {
  font-family:var(--sans);
  font-weight:800;
  letter-spacing:-.05em;
}

.ps-public nav {
  background:rgba(247,244,236,.94);
}

.ps-public .btn,
.ps-public .ghost {
  border-radius:10px;
}

/* Two neighboring status fields: the product without a drink-specific symbol.
   The SVG is canonical; layout pages should not redraw the mark. */
.ps-public .mark {
  width:28px;
  height:24px;
  border:0;
  border-radius:0;
  background:transparent url("../assets/brand/pickup-signal/mark.svg") center/contain no-repeat;
}

.ps-public .mark::before,
.ps-public .mark::after {
  content:none;
}

.ps-public .hero::before {
  background:radial-gradient(circle at 35% 35%,#E8F1EB,#D5E6DB);
}

.ps-public .hero::after {
  background:radial-gradient(circle at 40% 40%,#F1E4D3,#E5D4BF);
}

@media (prefers-contrast:more) {
  :root {
    --ps-muted:#35443C;
    --ps-line:#9EABA3;
    --ps-line-strong:#5E6B65;
  }
}