/* ------------------------------------------------------------------
   COLOR — Warm archival monochrome + a single minium mark.
   No gradients. Ever. The system is built from ink on paper, with
   'minium' (the red-lead pigment of illuminated manuscripts) used
   only as an editorial mark — rules, figure numbers, emphasis.
   ------------------------------------------------------------------ */

:root {
  /* --- Raw scale: PAPER (warm bone → white) --- */
  --paper-0:  #FBF9F3;   /* lightest — page highlight */
  --paper-1:  #F3EFE5;   /* base paper — default light surface */
  --paper-2:  #EAE4D6;   /* raised tint / hover wash */
  --paper-3:  #DED6C4;   /* sunken / field fill */
  --paper-4:  #CFC6B1;   /* hairline on paper */

  /* --- Raw scale: INK (warm near-black → warm grey) --- */
  --ink-0:    #14110D;   /* warm black — primary text / dark surface */
  --ink-1:    #241F18;   /* soft black — raised dark surface */
  --ink-2:    #4C453A;   /* warm grey — secondary text */
  --ink-3:    #766D5E;   /* muted — meta / captions */
  --ink-4:    #A39A88;   /* faint — disabled / hairline on ink */
  --ink-5:    #C8BFAD;   /* faintest — dividers on ink */

  /* --- The one accent: MINIUM (red lead) --- */
  --minium:       #A83A2A;   /* base mark */
  --minium-deep:  #7C2A1E;   /* pressed / deep */
  --minium-soft:  #C56A54;   /* on-ink legibility */
  --minium-wash:  rgba(168, 58, 42, 0.08);

  /* ============================================================
     SEMANTIC ALIASES — light "Paper" is the default environment
     ============================================================ */
  --surface-page:    var(--paper-1);
  --surface-raised:  var(--paper-0);
  --surface-sunken:  var(--paper-2);
  --surface-field:   var(--paper-0);
  --surface-invert:  var(--ink-0);

  --text-primary:    var(--ink-0);
  --text-secondary:  var(--ink-2);
  --text-muted:      var(--ink-3);
  --text-faint:      var(--ink-4);
  --text-on-invert:  var(--paper-1);
  --text-on-accent:  var(--paper-0);

  --rule-strong:     var(--ink-0);
  --rule-mid:        var(--paper-4);
  --rule-hairline:   var(--paper-4);

  --accent:          var(--minium);
  --accent-deep:     var(--minium-deep);
  --accent-wash:     var(--minium-wash);

  --selection-bg:    var(--minium);
  --selection-fg:    var(--paper-0);
}

/* ============================================================
   INK ENVIRONMENT — cinematic / audiovisual mode.
   Apply [data-theme="ink"] to any container to flip semantics.
   ============================================================ */
[data-theme="ink"] {
  --surface-page:    var(--ink-0);
  --surface-raised:  var(--ink-1);
  --surface-sunken:  #0D0B08;
  --surface-field:   var(--ink-1);
  --surface-invert:  var(--paper-1);

  --text-primary:    var(--paper-1);
  --text-secondary:  var(--ink-5);
  --text-muted:      var(--ink-4);
  --text-faint:      var(--ink-3);
  --text-on-invert:  var(--ink-0);
  --text-on-accent:  var(--paper-0);

  --rule-strong:     var(--paper-1);
  --rule-mid:        var(--ink-2);
  --rule-hairline:   var(--ink-2);

  --accent:          var(--minium-soft);
  --accent-deep:     var(--minium);
  --accent-wash:     rgba(197, 106, 84, 0.12);

  --selection-bg:    var(--minium-soft);
  --selection-fg:    var(--ink-0);
}