/* ============================================================
   Artista CEO — Color
   Sister brand to "Sertanejo Concept" (noturno, bronze). Here the
   register is mais claro, caloroso e editorial — o artista que ENSINA.
   Inherits the warm DNA; carries its own accent: ÂMBAR QUEIMADO
   (burnt amber — pulled from the tungsten/Edison glow in Thiago's
   studio photography; golden, never pink).

   System: one warm-dark family (cinema/vídeo/palco) + one warm-light
   family (texto/ensino) + amber accent + bronze as family bridge.
   No neon. No bright gradients. Calor, não grito.
   ============================================================ */
:root {
  /* — Warm dark (cinema / vídeo / palco) — */
  --stage:        #17120F;  /* warm near-black, base for dark surfaces  */
  --stage-raised: #221A15;  /* warm soil — raised dark surface          */
  --stage-line:   #2E241D;  /* dark surface borders / dividers          */

  /* — Warm light (editorial / ensino) — */
  --paper:        #F2EBDE;  /* warm linen paper — base light surface    */
  --paper-raised: #FAF5EB;  /* raised card on paper                     */
  --paper-warm:   #EAE0CF;  /* recessed / banded light surface          */

  /* — Ink (texto sobre claro) — */
  --ink:          #211B17;  /* warm near-black — primary text on light  */
  --ink-soft:     #4C413A;  /* secondary text                          */
  --ink-muted:    #7D7065;  /* captions, meta, eyebrow on light         */

  /* — Linen (texto sobre escuro) — */
  --linen:        #EDE6D9;  /* primary text on dark                     */
  --linen-soft:   #C3B9AA;  /* secondary text on dark                   */
  --linen-muted:  #8E8475;  /* meta on dark                             */

  /* — Âmbar queimado (acento próprio — o brilho de tungstênio do estúdio) — */
  --amber:        #BC6B30;  /* primary accent — burnt amber/ochre       */
  --amber-press:  #9A5320;  /* hover / pressed                          */
  --amber-bright: #D98E45;  /* accent on dark surfaces                  */
  --amber-tint:   #EBD9C5;  /* soft fill / badge bg on light            */
  --amber-wash:   #F6EEE3;  /* faintest wash                            */

  /* — Bronze (ponte de família — uso parcimonioso) — */
  --bronze:        #B17534;  /* hairlines, eyebrow accents, family link */
  --bronze-bright: #C99655;  /* bronze on dark                          */
  --bronze-tint:   #E7D8C0;

  /* — Hairlines & borders — */
  --hairline:        rgba(33, 27, 23, 0.12);
  --hairline-strong: rgba(33, 27, 23, 0.24);
  --hairline-dark:   rgba(237, 230, 217, 0.14);
  --hairline-dark-strong: rgba(237, 230, 217, 0.26);

  /* — Support (status, used sparingly, never infoproduto) — */
  --positive: #5C7A52;  /* muted olive — "confirmado", success           */
  --warning:  #B0792B;  /* muted amber                                   */

  /* ===========  Semantic aliases (light context = default)  ========= */
  --bg:            var(--paper);
  --surface:       var(--paper-raised);
  --surface-sunk:  var(--paper-warm);
  --text:          var(--ink);
  --text-soft:     var(--ink-soft);
  --text-muted:    var(--ink-muted);
  --accent:        var(--amber);
  --accent-press:  var(--amber-press);
  --accent-tint:   var(--amber-tint);
  --border:        var(--hairline);
  --border-strong: var(--hairline-strong);
  --eyebrow-color: var(--bronze);
  --on-accent:     #FBF6EE;
}

/* ===========  Dark context — apply to any cinematic/video section  =========
   Wrap a dark band in [data-theme="dark"] (or .on-dark) and every
   semantic alias flips. Components read the aliases, never the raw values. */
[data-theme="dark"],
.on-dark {
  --bg:            var(--stage);
  --surface:       var(--stage-raised);
  --surface-sunk:  #120E0B;
  --text:          var(--linen);
  --text-soft:     var(--linen-soft);
  --text-muted:    var(--linen-muted);
  --accent:        var(--amber-bright);
  --accent-press:  var(--amber);
  --accent-tint:   rgba(217, 142, 69, 0.16);
  --border:        var(--hairline-dark);
  --border-strong: var(--hairline-dark-strong);
  --eyebrow-color: var(--bronze-bright);
  --on-accent:     #1B130E;
  color: var(--text);
}