/* Two brand colors. No accents, no gradients, no textures — the work is the color.
   Everything else is a neutral step between Ink and Bone. */
:root{
  /* Base — from the brand book palette page */
  --ink:#0B0B0B;
  --bone:#FAF7F2;

  /* Ink steps (warm-neutral, mixed toward Bone) */
  --ink-900:#0B0B0B;
  --ink-800:#1A1A19;
  --ink-700:#2E2D2A;
  --ink-600:#46443F;
  --ink-500:#5E5B55;
  --ink-400:#7C7871;
  --ink-300:#9C978E;
  --ink-200:#C2BDB4;
  --ink-100:#DFDAD1;
  --ink-050:#EFEBE4;

  /* Bone steps */
  --bone-000:#FFFFFF;
  --bone-050:#FDFBF8;
  --bone-100:#FAF7F2;
  --bone-200:#F4F0E9;

  /* Hairlines — always ink at low alpha, never a grey solid */
  --hairline-ink:rgba(11,11,11,.14);
  --hairline-ink-strong:rgba(11,11,11,.28);
  --hairline-bone:rgba(250,247,242,.22);
  --hairline-bone-strong:rgba(250,247,242,.44);

  /* Semantic — light ground (default) */
  --surface-page:var(--bone-100);
  --surface-paper:var(--bone-050);
  --surface-raised:var(--bone-000);
  --surface-sunken:var(--bone-200);
  --surface-ink:var(--ink-900);
  --text-primary:var(--ink-900);
  --text-secondary:var(--ink-600);
  --text-muted:var(--ink-400);
  --text-faint:var(--ink-300);
  --text-inverse:var(--bone-100);
  --border-hairline:var(--hairline-ink);
  --border-strong:var(--hairline-ink-strong);
  --border-solid:var(--ink-900);

  /* Listing status — expressed in value, not hue (brand allows no accent color) */
  --status-available:var(--ink-900);
  --status-pending:var(--ink-400);
  --status-sold:var(--ink-200);

  /* Overlays — for type set over architecture photography */
  --scrim-ink:rgba(11,11,11,.42);
  --scrim-ink-deep:rgba(11,11,11,.66);
  --scrim-protect:linear-gradient(to top,rgba(11,11,11,.72) 0%,rgba(11,11,11,.28) 46%,rgba(11,11,11,0) 100%); /* @kind color */
}
/* Dark ground — used for social avatars, card backs, full-bleed ink sections */
[data-ground="ink"]{
  --surface-page:var(--ink-900);
  --surface-paper:var(--ink-900);
  --surface-raised:var(--ink-800);
  --surface-sunken:var(--ink-900);
  --text-primary:var(--bone-100);
  --text-secondary:rgba(250,247,242,.72);
  --text-muted:rgba(250,247,242,.52);
  --text-faint:rgba(250,247,242,.38);
  --text-inverse:var(--ink-900);
  --border-hairline:var(--hairline-bone);
  --border-strong:var(--hairline-bone-strong);
  --border-solid:var(--bone-100);
}