/* ==========================================================================
   Entfremdung — Color
   A near-monochrome paper-and-ink system with ONE constructivist signal.
   Restraint is the brand. Color is an event, not a default.
   ========================================================================== */

:root {
  /* ---- Raw palette ------------------------------------------------------ */
  /* Paper — warm, slightly aged off-white. The default ground. */
  --paper-00:  #F6F3ED;   /* lightest — page */
  --paper-10:  #EFEBE2;   /* sunk panels, code, wells */
  --paper-20:  #E4DECF;   /* hairline fills, hover on paper */
  --paper-30:  #D2CABA;   /* disabled fills, dividers on paper */

  /* Ink — warm near-black, never pure #000 */
  --ink-100:   #16140F;   /* primary text, the "ink" */
  --ink-80:    #3A372E;   /* secondary text */
  --ink-60:    #6B6657;   /* muted / captions */
  --ink-40:    #9A9484;   /* faint / placeholder */

  /* Signal — constructivist vermilion. The single accent. */
  --signal:        #D7321B;
  --signal-deep:   #A8210E;   /* pressed / on-light hover */
  --signal-tint:   #F3D4CC;   /* faint wash behind signal */

  /* Noir — full inversion ground for "loud" moments */
  --noir-100:  #100E0A;   /* inverted surface */
  --noir-80:   #211E17;   /* raised on noir */
  --noir-paper:#EDE8DD;   /* text on noir */

  /* Utility */
  --white: #FFFFFF;
  --black: #000000;

  /* ---- Semantic aliases ------------------------------------------------- */
  --bg-page:        var(--paper-00);
  --bg-sunk:        var(--paper-10);
  --bg-raised:      var(--paper-00);
  --bg-invert:      var(--noir-100);

  --surface-card:   var(--paper-00);
  --surface-well:   var(--paper-10);
  --surface-hover:  var(--paper-20);

  --text-primary:   var(--ink-100);
  --text-secondary: var(--ink-80);
  --text-muted:     var(--ink-60);
  --text-faint:     var(--ink-40);
  --text-invert:    var(--noir-paper);
  --text-onsignal:  var(--paper-00);

  --accent:         var(--signal);
  --accent-hover:   var(--signal-deep);
  --accent-tint:    var(--signal-tint);

  /* Lines — the system is built on rules, not boxes */
  --line-hair:      var(--ink-100);   /* 1px structural rule */
  --line-soft:      var(--paper-30);  /* low-emphasis divider */
  --line-onnoir:    var(--noir-80);

  /* Status — kept tonal, drawn from the same warmth */
  --ok:      #4E6B3A;
  --ok-tint: #E2E7D6;
  --warn:    #B5791A;
  --warn-tint:#F1E4C8;
  --danger:      var(--signal);
  --danger-tint: var(--signal-tint);
}