/* ============================================================
   MatterMake — Colour
   A stark black/white base with a single signature accent:
   terracotta-rust (#E45C44). Beyond that sits the "material
   palette" — muted clay / sand / water / olive tones drawn
   straight from the studio's renders and reef ceramics.
   Default is always black on white, lots of negative space.
   Use rust as a full-bleed field or single accent — never a
   busy multi-colour layout. Material tones support imagery,
   section tints and data, not UI chrome.
   ============================================================ */

:root {
  /* --- Base / ink --- */
  --ink: #000000;          /* primary text, lines, the mark */
  --paper: #ffffff;        /* default ground */

  /* --- Neutral grade (grey) --- */
  --grey-900: #1a1a1a;
  --grey-700: #454e4d;     /* slate — desaturated dark, secondary text */
  --grey-500: #7f7f7f;     /* mid grey — captions, meta */
  --grey-300: #d7d7cf;     /* stone — hairlines, disabled, fills */
  --grey-100: #f2f1ec;     /* faint warm grey — alt surface */

  /* --- Signature accent --- */
  --rust: #e45c44;         /* terracotta-rust — THE accent */
  --rust-deep: #854b4b;    /* brick — pressed / shadowed rust */
  --rust-tint: #fff3e1;    /* sand — warm paper, rust at 6% */

  /* --- Material palette (imagery, tints, data, diagrams) --- */
  --mat-clay: #a56559;     /* fired clay / reef ceramic */
  --mat-brick: #854b4b;    /* dark brick / patinated copper */
  --mat-sand: #fff3e1;     /* warm paper / EPS foam */
  --mat-sage: #e8eac7;     /* pale sage / planting */
  --mat-olive: #7b7055;    /* olive / timber shadow */
  --mat-water: #cce5e1;    /* soft Mediterranean water */
  --mat-mint: #ecfef7;     /* pale aqua highlight */
  --mat-mauve: #d2bfc2;    /* clay grey / dusk */
  --mat-slate: #454e4d;    /* slate green / steel */
  --mat-stone: #d7d7cf;    /* warm grey / concrete */

  /* ---------- Semantic aliases ---------- */
  --text-primary: var(--ink);
  --text-secondary: var(--grey-700);
  --text-muted: var(--grey-500);
  --text-on-ink: var(--paper);
  --text-on-rust: var(--paper);

  --surface: var(--paper);
  --surface-alt: var(--grey-100);
  --surface-sand: var(--mat-sand);
  --surface-ink: var(--ink);
  --surface-rust: var(--rust);

  --accent: var(--rust);
  --accent-hover: #d44e38;     /* rust, ~6% darker — hover */
  --accent-press: var(--rust-deep);

  --border: var(--ink);            /* hairline rule, 1px solid ink */
  --border-soft: var(--grey-300);  /* quiet divider */

  --focus-ring: var(--rust);
}