/* MOTHERLIGHT · COLOUR
   A monochrome system. Black ink on white paper, warmed by a single bone tone
   borrowed from the studio's editorial backdrops. Colour is never decorative —
   it is the absence of it. No brand hue; restraint is the signature. */

:root {
  /* ——— Core ——— */
  --ml-ink: #0E0E0E;          /* near-black — primary text, dark surfaces */
  --ml-black: #000000;        /* true black — reserved for full-bleed covers */
  --ml-paper: #FFFFFF;        /* pure white — the default ground */
  --ml-bone: #F4F2EE;         /* warm off-white — editorial backdrop, alt sections */
  --ml-bone-deep: #EAE6DF;    /* deeper bone — hairlines on bone, hover fills */

  /* ——— Neutral ramp (cool-leaning grey) ——— */
  --ml-grey-950: #161616;
  --ml-grey-900: #1F1F1F;
  --ml-grey-800: #2E2E2E;
  --ml-grey-700: #454545;
  --ml-grey-600: #5E5E5E;
  --ml-grey-500: #7A7A7A;     /* mid — captions, meta */
  --ml-grey-400: #9B9B9B;
  --ml-grey-300: #C4C4C4;
  --ml-grey-200: #DEDCD8;     /* hairline borders */
  --ml-grey-100: #ECEAE6;
  --ml-grey-50:  #F7F6F3;

  /* ——— Functional (used sparingly, mono-leaning) ——— */
  --ml-success: #3D5A45;      /* deep eucalyptus — confirmations */
  --ml-error:   #8A3A33;      /* oxblood — destructive / errors */

  /* ——— Semantic aliases ——— */
  --text-primary:    var(--ml-ink);
  --text-secondary:  var(--ml-grey-600);
  --text-muted:      var(--ml-grey-500);
  --text-on-ink:     var(--ml-paper);
  --text-on-ink-dim: rgba(255,255,255,0.62);

  --surface-page:    var(--ml-paper);
  --surface-alt:     var(--ml-bone);
  --surface-ink:     var(--ml-ink);
  --surface-card:    var(--ml-paper);

  --border-hairline: var(--ml-grey-200);
  --border-strong:   var(--ml-ink);
  --border-on-ink:   rgba(255,255,255,0.18);

  --focus-ring:      var(--ml-ink);
}