{% highlight 'css' %}
:root {

  --blue: #0076df;
  --red: #f95020;
  --green: #00d930;
  --yellow: #ffdc00;

  --dark-gray: #333;
  --mid-gray: #777;
  --light-gray: #ccc;
  --lighter-gray: #eee;

  --darken-1: rgba(#000,.0625);
  --darken-2: rgba(#000,.125);
  --darken-3: rgba(#000,.25);
  --darken-4: rgba(#000,.5);

  --border-color: var(--light-gray);
  --border-width: 1px;
  --border-radius: 3px;

}
{% endhighlight %}