*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* ── Surfaces: warm ivory paper, luxury editorial ── */
  --bg:#FAF9F7;
  --s0:#FAF9F7;
  --s1:#FFFFFF;
  --s2:#F1EEE9;
  --tp:#1C1917;
  --ts:#57534E;
  --tm:#7C766D;
  --bd:rgba(28,25,23,0.10);
  --bd2:rgba(28,25,23,0.22);

  /* ── Status colors — desaturated, warm, couture: sage / bronze / plum / oxblood ── */
  --teal:#3E6B5C;  --tl-l:#ECF1EE;  --tl-d:#2E5246;
  --amber:#9A6A0B; --am-l:#F6EFE0;  --am-d:#7A540A;
  --purple:#6F5B90;--pu-l:#F0EDF5;  --pu-d:#574379;
  --red:#9E3B34;   --re-l:#F7ECEA;  --re-d:#7C2E28;
  --gray:#8A857C;  --gr-l:#F2F0EC;  --gr-d:#5C574E;

  /* ── Champagne gold — the single signature accent (XP, level, focus ring) ── */
  --gold:#8A5A06;  --gg:#F6EFE0;
  --gold-bar:#A16207;

  /* ── Typography: Playfair Display (display serif) + Inter (functional sans) ── */
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:"Playfair Display",Georgia,serif;

  /* ── Spacing scale ── */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;

  /* ── Radius: near-sharp — softness comes from type and space, not corners ── */
  --r-sm:3px;--r-md:4px;--r-lg:6px;

  /* ── Elevation: none — hairlines and whitespace carry structure ── */
  --shadow-sm:none;
  --shadow-md:0 12px 32px rgba(28,25,23,0.10);

  /* ── Motion tokens ── */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --dur-fast:150ms;--dur-med:220ms;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

html{-webkit-text-size-adjust:100%}

body{
  font-family:var(--font-body);
  background-color:var(--bg);
  color:var(--tp);
  min-height:100dvh;
  font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

button{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}

a{color:inherit}

/* ── Small-caps editorial label — the recurring signature ── */
.greeting-date,.dq-label,.sec-lbl,.focus-label,.boss-label,.pipe-group-hdr,.sp-lbl,.stl,.mh,.why-label,.reflect-label{
  font-family:var(--font-body);
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-weight:600;
}

/* ── Global focus ring (keyboard nav) ── */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
.icon-box:focus-visible,.dq-check:focus-visible{outline-offset:3px}