/* ============================================================
   Macnitech — Colour tokens
   Warm bone & cream surfaces · void black text · oxblood accent.
   "Refined and premium — distinct from every blue-and-white
   agency in the market."
   ============================================================ */

:root {
  /* ---- Base palette (raw brand colours) ---- */
  --cream:       #FAF6F2;   /* page background            */
  --bone:        #F0EAE4;   /* primary surface            */
  --linen:       #E0D5CF;   /* inset / sunken surface     */
  --ash:         #9A8A80;   /* secondary text             */
  --umber:       #4A3235;   /* muted / warm dark          */
  --void:        #1A0608;   /* primary text / dark ground */
  --oxblood:     #7B1E23;   /* primary accent             */
  --bloodstone:  #C4565C;   /* links / lighter accent     */

  /* ---- Tints & shades derived from the base palette ---- */
  --cream-hi:    #FFFDFB;   /* lifted card on cream       */
  --bone-deep:   #E7DED7;   /* hairline / divider on bone */
  --oxblood-hi:  #8E2A2F;   /* oxblood hover (lifted)     */
  --oxblood-lo:  #631418;   /* oxblood pressed (sunken)   */
  --oxblood-12:  rgba(123, 30, 35, 0.12);  /* tint wash   */
  --oxblood-06:  rgba(123, 30, 35, 0.06);
  --void-72:     rgba(26, 6, 8, 0.72);
  --void-12:     rgba(26, 6, 8, 0.12);
  --void-06:     rgba(26, 6, 8, 0.06);

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--cream);
  --bg-page-dark:   var(--void);
  --surface:        var(--bone);
  --surface-card:   var(--cream-hi);
  --surface-inset:  var(--linen);
  --surface-dark:   #241015;   /* warm panel on void ground */

  --text-strong:    var(--void);
  --text-body:      var(--umber);
  --text-muted:     var(--ash);
  --text-on-dark:   var(--cream);
  --text-on-accent: var(--cream);

  --accent:         var(--oxblood);
  --accent-hover:   var(--oxblood-hi);
  --accent-press:   var(--oxblood-lo);
  --accent-wash:    var(--oxblood-12);
  --link:           var(--bloodstone);

  --border:         var(--bone-deep);
  --border-strong:  var(--linen);
  --border-on-dark: rgba(240, 234, 228, 0.16);
  --divider:        var(--void-12);

  /* ---- Status (kept warm, low-saturation to fit the palette) ---- */
  --success:  #4E6B4A;
  --warning:  #B07A2E;
  --danger:   var(--oxblood);
  --info:     var(--umber);

  /* ---- Selection ---- */
  --selection-bg: var(--oxblood-12);
}