/* ------------------------------------------------------------------
   Vivid Vision Designs — "Ember" identity tokens
   Deep-red (#c40a0a) on near-black. Helvetica.
   NOTE: variable names kept from the "Slate" set so styles.css maps
   cleanly — only the values change. Slate backup in /_slate-backup.
   ------------------------------------------------------------------ */
:root{
  /* Core palette */
  --vv-red:      #c40a0a;  /* the accent — links, labels, marks       */
  --vv-ink:      #0F0E0E;  /* darkest — anchors, footer               */
  --vv-charcoal: #161316;  /* dark surface                            */
  --vv-grey:     #4B4A4B;  /* muted text                              */
  --vv-white:    #FFFFFF;

  /* Mapped onto the old role names */
  --vv-midnight: var(--vv-ink);       /* dark anchor: hero / footer   */
  --vv-graphite: var(--vv-charcoal);  /* dark text                    */
  --vv-steel:    var(--vv-red);       /* the one detail colour        */
  --vv-silver:   #C9C7C9;             /* muted marks on dark          */
  --vv-fog:      #F5F3F4;             /* section tints                */
  --vv-paper:    var(--vv-white);     /* page canvas                  */

  /* Semantic aliases */
  --vv-bg:        var(--vv-paper);
  --vv-surface:   var(--vv-white);
  --vv-text:      var(--vv-graphite);
  --vv-text-mute: var(--vv-grey);
  --vv-line:      #E8E5E6;
  --vv-accent:    var(--vv-red);
  --vv-invert:    var(--vv-ink);
  --vv-on-invert: var(--vv-white);

  /* Type */
  --vv-font: 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --vv-track-wide: .28em;
  --vv-track-name: .34em;
  --vv-track-name2:.185em;

  /* Shape */
  --vv-radius: 3px;
}