/* ============================================================
   Sessão de Mentoria — Color tokens
   "Compartilhar a chama de uma vela não diminui sua luz."
   Carvão + Dourado + Ciano. Nunca preto puro.
   ============================================================ */
:root {
  /* --- Base palette --- */
  --char:   #121212; /* Carvão — premium dark backgrounds, text on light */
  --char-2: #1E1A0E; /* Carvão âmbar — dark cards / panels, depth */
  --gold:   #EDB015; /* Dourado — PRIMARY accent, the "flame" */
  --cyan:   #009BC2; /* Ciano — SECONDARY, links / tags / step icons */
  --paper:  #FAF7F0; /* Papel quente — light section backgrounds */
  --white:  #FFFFFF; /* Card surfaces, text on dark */
  --ink:    #161310; /* Body text on light */
  --muted:  #6A6256; /* Secondary text on light */

  /* --- Tints & shades (derived, harmonious) --- */
  --gold-soft:  #F4CC5B; /* hover lift on gold */
  --gold-deep:  #C9920A; /* pressed gold */
  --gold-wash:  #FBF1D5; /* gold tinted surface on paper */
  --cyan-soft:  #2FB3D4; /* cyan hover */
  --cyan-deep:  #007A9B; /* cyan pressed / link visited */
  --cyan-wash:  #E2F2F7; /* cyan tinted surface */
  --paper-2:    #F2ECE0; /* alternate warm surface / inset */
  --line:       #E4DCCB; /* hairline border on light */
  --line-dark:  #2C2820; /* hairline border on dark */
  --cream:      #F3EFE6; /* cream text on dark (softer than pure white) */
  --char-mut:   #A89F8C; /* secondary text on dark */

  /* --- Semantic aliases --- */
  --bg-dark:        var(--char);
  --bg-dark-2:      var(--char-2);
  --bg-light:       var(--paper);
  --bg-light-2:     var(--paper-2);

  --surface-card:        var(--white);   /* card on light */
  --surface-card-dark:   var(--char-2);  /* card on dark */

  --text-strong:    var(--ink);     /* headings on light */
  --text-body:      #2A251D;        /* body on light */
  --text-muted:     var(--muted);   /* secondary on light */
  --text-on-dark:   var(--cream);   /* body on dark */
  --text-on-dark-muted: var(--char-mut);

  --accent:         var(--gold);    /* primary accent */
  --accent-hover:   var(--gold-soft);
  --accent-press:   var(--gold-deep);
  --link:           var(--cyan);
  --link-hover:     var(--cyan-soft);

  --border:         var(--line);
  --border-dark:    var(--line-dark);
  --focus-ring:     var(--cyan);

  /* On-accent text (text that sits on gold) is always carvão */
  --on-accent:      var(--char);
}