:root{
  /* Neutrals — warm, paper-like */
  --cream-50:#FDFBF8; --cream-100:#F7F1E7; --beige-200:#EFE5D8; --beige-300:#E2D5C3;
  --taupe-400:#C4B49E; --taupe-500:#A38F79;
  /* Olive / sage — section blocks */
  --olive-100:#EAEBDF; --olive-300:#AFB595; --olive-400:#a7c957; --olive-500:#7D8663; --olive-700:#586046;
  /* Gold — accent, headline gradient, icons */
  --gold-200:#F0DEBC; --gold-300:#E3C795; --gold-500:#C0994F; --gold-700:#96702C;
  /* Rust — muted accent, sale, badges */
  --rust-300:#D3A28C; --rust-500:#A4502F; --rust-700:#7C3A21;
  /* Ink — contrast */
  --ink-900:#241D18; --ink-700:#3D332B; --ink-500:#6B5E53; --ink-300:#9C8F84;
  --white:#FFFFFF;

  /* Semantic surfaces */
  --surface-page:var(--cream-50);
  --surface-raised:var(--white);
  --surface-sunken:var(--cream-100);
  --surface-card:var(--white);
  --surface-block:var(--olive-500);      /* full-width editorial block */
  --surface-block-soft:var(--olive-100);
  --surface-image:var(--beige-200);      /* photo placeholder ground */
  --surface-inverse:var(--ink-900);

  /* Semantic text */
  --text-body:var(--ink-700);
  --text-strong:var(--ink-900);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-300);
  --text-on-dark:var(--cream-50);
  --text-on-block:var(--cream-50);
  --text-accent:var(--gold-700);
  --text-price:var(--ink-900);

  /* Semantic lines */
  --line-hairline:var(--beige-300);
  --line-strong:var(--taupe-500);
  --line-on-dark:rgba(252,250,246,.28);

  /* Interactive */
  --action-primary:var(--ink-900);
  --action-primary-hover:var(--ink-700);
  --action-secondary:var(--gold-500);
  --action-secondary-hover:var(--gold-700);
  --action-ghost-hover:var(--beige-200);
  --focus-ring:var(--gold-500);

  /* Status */
  --status-reserved-bg:var(--taupe-500);
  --status-reserved-text:var(--cream-50);
  --status-sale-bg:var(--rust-500);
  --status-sale-text:var(--cream-50);
  --status-new-bg:var(--olive-500);
  --status-new-text:var(--cream-50);
  --status-unikat-bg:var(--gold-200);
  --status-unikat-text:var(--gold-700);
  --status-available-bg:var(--olive-100);
  --status-available-text:var(--olive-700);
  --status-sold-bg:var(--cream-100);
  --status-sold-text:var(--taupe-500);

  /* Headline gradient: dark → gold → dark */
  /* Dark → gold → dark, clipped to the text. Stops are tuned for the thin strokes of
     TheSomething Script: the gold band is wide and warm so it still reads at hairline weight. */
  --gradient-headline:linear-gradient(95deg,var(--ink-900) 0%,var(--ink-700) 10%,var(--gold-700) 30%,var(--gold-500) 46%,var(--gold-300) 52%,var(--gold-500) 58%,var(--gold-700) 72%,var(--ink-700) 92%,var(--ink-900) 100%);
  /* Silver counterpart to --gradient-headline: dark → silver → dark, same structure/stops. */
  --gradient-silver:linear-gradient(95deg,var(--ink-900) 0%,var(--ink-700) 10%,#8b8d91 30%,#c4c6c9 46%,#eceef0 52%,#c4c6c9 58%,#8b8d91 72%,var(--ink-700) 92%,var(--ink-900) 100%);
  --gradient-image-scrim:linear-gradient(to top,rgba(36,29,24,.42) 0%,rgba(36,29,24,0) 62%); /* @kind color */
}