/* AUTEUR SHOT — Color
   Restrained ink-on-paper palette. Red is a tool of emphasis, never a field
   (RED covers <10% of any visible area). Only two backgrounds per piece.
*/
:root {
  /* ---- Base palette (exact brand values) ---- */
  --as-paper:  #EDECE7;  /* 237,236,231 — default background */
  --as-ink:    #171619;  /*  23, 22, 25 — primary text */
  --as-red:    #CE281E;  /* 206, 40, 30 — accent / emphasis only */
  --as-white:  #F4F3F0;  /* 244,243,240 — alt background / text on dark */
  --as-dark:   #131215;  /*  19, 18, 21 — dark-mode background */

  /* ---- Ink tints (fine lines are INK at 20–30% opacity) ---- */
  --as-ink-90: rgba(23,22,25,.90);
  --as-ink-70: rgba(23,22,25,.70);
  --as-ink-55: rgba(23,22,25,.55);
  --as-ink-30: rgba(23,22,25,.30);
  --as-ink-20: rgba(23,22,25,.20);
  --as-ink-12: rgba(23,22,25,.12);
  --as-ink-08: rgba(23,22,25,.08);

  /* ---- Paper/white tints for dark surfaces ---- */
  --as-paper-70: rgba(244,243,240,.70);
  --as-paper-55: rgba(244,243,240,.55);
  --as-paper-30: rgba(244,243,240,.30);
  --as-paper-20: rgba(244,243,240,.20);
  --as-paper-12: rgba(244,243,240,.12);

  --as-red-full: #CE281E;   /* "full red" solid fill — reserved for CTA hooks */
  --as-red-ink:  #A81C14;   /* pressed / darker red */

  /* ---- Semantic aliases (light surface — the default) ---- */
  --surface:        var(--as-paper);
  --surface-alt:    var(--as-white);
  --surface-inset:  rgba(23,22,25,.04);
  --text:           var(--as-ink);
  --text-muted:     var(--as-ink-55);
  --text-faint:     var(--as-ink-30);
  --accent:         var(--as-red);
  --rule:           var(--as-ink-20);   /* fine section rules */
  --rule-strong:    var(--as-ink);      /* full-weight editorial rule */
  --on-accent:      var(--as-white);
}

/* ---- Dark surface scope (reverse / dark mode) ---- */
.as-dark, [data-as-theme="dark"] {
  --surface:      var(--as-dark);
  --surface-alt:  #1c1b1f;
  --surface-inset: rgba(244,243,240,.05);
  --text:         var(--as-white);
  --text-muted:   var(--as-paper-55);
  --text-faint:   var(--as-paper-30);
  --accent:       var(--as-red);
  --rule:         var(--as-paper-20);
  --rule-strong:  var(--as-white);
  --on-accent:    var(--as-white);
}