:root {
  /* Solarized base tones */
  --sol-base03:  #002b36;
  --sol-base02:  #073642;
  --sol-base01:  #586e75;
  --sol-base00:  #657b83;
  --sol-base0:   #839496;
  --sol-base1:   #93a1a1;
  --sol-base2:   #eee8d5;
  --sol-base3:   #fdf6e3;

  /* Solarized accent colors */
  --sol-yellow:  #b58900;
  --sol-orange:  #cb4b16;
  --sol-red:     #dc322f;
  --sol-magenta: #d33682;
  --sol-violet:  #6c71c4;
  --sol-blue:    #268bd2;
  --sol-cyan:    #2aa198;
  --sol-green:   #859900;

  /* Semantic mappings: light theme (default) */
  --ns-bg:            var(--sol-base3);
  --ns-bg-alt:        var(--sol-base2);
  --ns-fg:            var(--sol-base00);
  --ns-fg-muted:      var(--sol-base1);
  --ns-fg-emphasis:   var(--sol-base01);
  --ns-accent:        var(--sol-blue);
  --ns-danger:        var(--sol-red);
  --ns-success:       var(--sol-green);
  --ns-warning:       var(--sol-yellow);
  --ns-sidebar-bg:    var(--sol-base02);
  --ns-sidebar-fg:    var(--sol-base1);
  --ns-sidebar-active: var(--sol-blue);
  --ns-border:        var(--sol-base2);
}

/* Dark theme: flip solarized base tones for content area */
[data-theme="dark"] {
  --ns-bg:            var(--sol-base03);
  --ns-bg-alt:        var(--sol-base02);
  --ns-fg:            var(--sol-base0);
  --ns-fg-muted:      var(--sol-base01);
  --ns-fg-emphasis:   var(--sol-base1);
  --ns-border:        var(--sol-base01);
}