/* ============================================================
   COLOURS — Smart-Suited Tech
   Proportion in use: Bone 70 · Ink 22 · Oxblood < 8.
   The accent earns attention by being rare.
   ============================================================ */
:root {
  /* —— Surfaces & ink —— */
  --ink:        #1A1613;   /* primary DARK surface; body text on light */
  --ink-2:      #241E19;   /* raised dark surface */
  --bone:       #F3EFE6;   /* primary LIGHT surface */
  --parchment:  #FBF9F4;   /* raised light surface (cards, inputs) */

  /* —— House accent (oxblood) —— */
  --oxblood:      #6E2231; /* THE house accent — used sparingly */
  --oxblood-deep: #4E1622; /* pressed / active / depth */
  --claret:       #C16A7B; /* lightened accent, ON DARK surfaces only */

  /* —— Neutrals —— */
  --graphite:     #39322C; /* secondary text on light */
  --taupe:        #8B8074; /* meta / captions — large sizes only */
  --hairline:     #DCD5C8; /* rules, borders, dividers on light */
  --hairline-ink: rgba(243,239,230,.14); /* rules/borders on dark */
  --bone-soft:    rgba(243,239,230,.62);  /* muted text on dark */

  /* —— Product-accent slot (NOT the house) —— */
  --product-accent: #C5813B; /* example only: Elara amber. Omit on house pages. */

  /* —— Semantic aliases (light surface default) —— */
  --surface-page:    var(--bone);
  --surface-card:    var(--parchment);
  --surface-emphasis:var(--ink);
  --text-strong:     var(--ink);
  --text-body:       var(--graphite);
  --text-meta:       var(--taupe);
  --accent:          var(--oxblood);
  --accent-press:    var(--oxblood-deep);
  --border-hairline: var(--hairline);
  --focus-ring:      rgba(110,34,49,.14);
}

/* —— Dark surface scope —— set on any Ink section to flip semantic aliases —— */
.ink-surface {
  --surface-page:    var(--ink);
  --surface-card:    var(--ink-2);
  --text-strong:     var(--bone);
  --text-body:       var(--bone-soft);
  --accent:          var(--claret);
  --border-hairline: var(--hairline-ink);
  color: var(--bone);
  background: var(--ink);
}
