/* Base palette — the five colors from theparcelhouse_brandcolors.png, plus warm neutrals mixed from them. */
:root{
  /* Brand five */
  --tph-black:#231f20;
  --tph-gold:#b3934b;
  --tph-espresso:#4c2a18;
  --tph-bronze:#c6a36f;
  --tph-swiss-coffee:#f2e6d5;

  /* Warm neutral ramp (extends Swiss Coffee toward paper and toward ink) */
  --warm-50:#fdfbf8;
  --warm-100:#f8f1e8;
  --warm-200:#f2e6d5;
  --warm-300:#e4d3bd;
  --warm-400:#c6a36f;
  --warm-500:#a98a5f;
  --warm-600:#7c6242;
  --warm-700:#4c2a18;
  --warm-800:#33231b;
  --warm-900:#231f20;

  /* Gold ramp */
  --gold-100:#f4ead6;
  --gold-200:#e6d3ab;
  --gold-300:#d3ba85;
  --gold-400:#c6a36f;
  --gold-500:#b3934b;
  --gold-600:#96793a;
  --gold-700:#755d2b;

  /* Semantic hues, kept earthy so they sit inside the palette */
  --moss-500:#5f7043;
  --moss-100:#e8ecdd;
  --brick-500:#9c3b28;
  --brick-100:#f6e2dc;
  --ink-info:#3f5566;
  --ink-info-100:#e2e9ee;

  /* Semantic aliases — use these in components */
  --text-strong:var(--tph-black);
  --text-body:#3b3335;
  --text-muted:#6f625b;
  --text-inverse:var(--warm-50);
  --text-accent:var(--gold-600);
  --text-link:var(--gold-700);
  --text-link-hover:var(--tph-espresso);

  --surface-page:var(--warm-50);
  --surface-warm:var(--warm-100);
  --surface-card:#ffffff;
  --surface-card-warm:var(--warm-200);
  --surface-ink:var(--tph-black);
  --surface-espresso:var(--tph-espresso);
  --surface-gold:var(--gold-500);
  --surface-subtle:var(--warm-100);
  --surface-hover:var(--warm-200);

  --border-hairline:#e7dccd;
  --border-default:var(--warm-300);
  --border-strong:var(--gold-500);
  --border-ink:var(--tph-black);

  --accent-primary:var(--gold-500);
  --accent-primary-hover:var(--gold-600);
  --accent-primary-press:var(--gold-700);
  --accent-secondary:var(--tph-espresso);

  --focus-ring:var(--gold-600);

  --status-success:var(--moss-500);
  --status-success-surface:var(--moss-100);
  --status-danger:var(--brick-500);
  --status-danger-surface:var(--brick-100);
  --status-info:var(--ink-info);
  --status-info-surface:var(--ink-info-100);
  --status-warning:var(--gold-600);
  --status-warning-surface:var(--gold-100);
}