/**
 * swatches.css — illustrative MATERIAL tones for the Style Explorer.
 *
 * ── WHY THIS FILE IS ALLOWED TO HOLD LITERALS ───────────────────────────────
 *
 * `token-check.mjs` forbids a hex colour anywhere we author, because a literal
 * will not follow the brand kit when the kit changes. These are not brand
 * colours. They are approximations of timber, brass, nickel and chrome, used to
 * show a homeowner roughly what a direction looks like, and the brand kit has no
 * token for brushed brass because brushed brass is not part of the identity.
 *
 * So the exception is this one file, named explicitly in `token-check.mjs` with
 * the reason recorded there as well as here, rather than a rule quietly relaxed.
 * Where a brand token DOES express the tone, the token is used instead of a
 * literal: matte black is `--ra-offblack`, chrome is `--ra-stone-200`.
 *
 * Nothing in here is presented as a product, a finish we supply or a photograph.
 */
:root {
  /* Warm and soft: timber, warm stone, a softer wall tone. */
  --ra-plan-warm-1: #C9B9A4;
  --ra-plan-warm-2: #8A6F56;
  --ra-plan-warm-3: #F2EDE6;

  /* Calm and plain: quiet greys with a green cast, close to the brand's own. */
  --ra-plan-calm-1: var(--ra-stone-200);
  --ra-plan-calm-2: var(--ra-matcha-300);
  --ra-plan-calm-3: var(--ra-paper);

  /* Crisp and clean: white, cool grey, a mid cool grey. */
  --ra-plan-crisp-1: var(--ra-white);
  --ra-plan-crisp-2: var(--ra-stone-100);
  --ra-plan-crisp-3: #9BA3A7;

  /* Darker and more striking. */
  --ra-plan-bold-1: var(--ra-offblack);
  --ra-plan-bold-2: var(--ra-green-800);
  --ra-plan-bold-3: var(--ra-stone-200);

  /* Fitting finishes. */
  --ra-plan-nickel: var(--ra-stone-400);
  --ra-plan-black: var(--ra-offblack);
  /* Not `--ra-stone-200`: at tile size that is within a shade of the card
     background and the swatch read as an empty panel. Cool and mid-light, so it
     separates from the warmer nickel beside it. */
  --ra-plan-chrome: #C3CACE;
  --ra-plan-brass: #A8884F;

  /* The "not sure yet" card, which is a real answer and should not look like a
     disabled one. A quiet neutral, clearly not a metal. */
  --ra-plan-unsure: var(--ra-stone-100);
}

/* ── P-row 5: the care note behind a disclosure ─────────────────────────────
   It used to sit open on every one of the five finish cards. Behind a summary
   it is one line until somebody wants it. */
.plan-care-wrap { display: block; margin-top: var(--ra-space-2); }
.plan-care-wrap summary {
  cursor: pointer; font-size: var(--ra-text-caption); color: var(--ra-text-muted);
  min-height: 44px; display: flex; align-items: center;
}
.plan-care-wrap summary::-webkit-details-marker { display: none; }
/* A trailing space in `content` collapses, so the marker needs a real gap. */
.plan-care-wrap summary::before { content: "+"; font-weight: 700; margin-right: var(--ra-space-2); }
.plan-care-wrap details[open] summary::before { content: "\2013"; }
.plan-care-wrap .plan-care { display: block; font-size: var(--ra-text-caption); color: var(--ra-text-muted); }