/* ============================================================
   Suffolk Home Renovation — Colour system
   Rooted in the Suffolk vernacular: limewashed "Suffolk pink"
   cottages, estate greens, limestone & parchment, soft brick,
   and aged brass ironmongery. Warm, understated, premium.
   ============================================================ */

:root {
  /* ---- Warm neutrals (the foundation) ---- */
  --ink-900: #211E18; /* primary text — warm near-black */
  --ink-700: #413A30;
  --ink-500: #6B6151; /* muted / secondary text */
  --ink-300: #998F7D;
  --stone-300: #CDC2AD; /* strong borders, rules */
  --stone-200: #DED4C0; /* default borders */
  --stone-100: #EBE3D2; /* sunken fills, hairlines */
  --parchment: #F2ECDD; /* page background */
  --cream: #FAF6EC;     /* card surface */
  --white: #FFFFFF;

  /* ---- Estate green (primary brand) ---- */
  --green-900: #2B3528; /* deepest — headers, footers */
  --green-700: #3C4A37;
  --green-600: #4C5C44;
  --green-500: #607355;
  --green-200: #C9D2BC; /* tint surface */
  --green-100: #DFE5D4;

  /* ---- Suffolk pink (signature limewash) ---- */
  --pink-500: #CF9E8B; /* accent rose */
  --pink-400: #E0B9A8;
  --pink-300: #ECD2C6; /* surface tint */
  --pink-200: #F3E2D9;

  /* ---- Brick / terracotta (warm accent) ---- */
  --brick-700: #8A4630;
  --brick-600: #A4543A; /* primary warm accent */
  --brick-500: #B96A4E;
  --brick-200: #E8CDC0;

  /* ---- Aged brass (fine detail, links) ---- */
  --brass-600: #846739;
  --brass-500: #9C7E45;
  --brass-400: #B89A5E;
  --brass-200: #E2D2AE;

  /* ---- Functional / state hues (kept earthy) ---- */
  --state-success: #4F6B43;
  --state-success-bg: #DEE6D2;
  --state-warning: #9C7322;
  --state-warning-bg: #F0E3C4;
  --state-danger: #9A3B2C;
  --state-danger-bg: #F0D6CD;
  --state-info: #3F5A63;
  --state-info-bg: #D7E2E4;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Text */
  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-300);
  --text-inverse: var(--cream);
  --text-on-brand: #EFEDE2;
  --text-link: var(--brass-600);

  /* Surfaces */
  --surface-page: var(--parchment);
  --surface-card: var(--cream);
  --surface-raised: var(--white);
  --surface-sunken: var(--stone-100);
  --surface-brand: var(--green-900);
  --surface-brand-soft: var(--green-100);
  --surface-accent: var(--pink-300);
  --surface-accent-soft: var(--pink-200);

  /* Borders */
  --border-subtle: var(--stone-200);
  --border-hairline: var(--stone-100);
  --border-strong: var(--stone-300);
  --border-brand: var(--green-700);

  /* Brand roles */
  --brand-primary: var(--green-900);
  --brand-primary-hover: var(--green-700);
  --brand-accent: var(--brick-600);
  --brand-accent-hover: var(--brick-700);
  --brand-detail: var(--brass-500);

  /* Focus ring */
  --focus-ring: var(--brass-500);
}