/* ==========================================================================
   Color Tokens — Andrés Carne de Res
   Built by Contra Studio
   ========================================================================== */

:root {

  /* --------------------------------------------------
     Primitive palette — raw color values
     -------------------------------------------------- */

  /* Base */
  --color-white:  #FFFDF6;
  --color-black:  #303030;
  --color-cream:  #EDECDA;

  /* Primary */
  --color-red:    #CA181A;
  --color-blue:   #2D71B8;
  --color-orange: #E67E24;
  --color-green:  #007753;
  --color-yellow: #F1BA37;


  /* --------------------------------------------------
     Semantic — background
     -------------------------------------------------- */

  --color-bg:         var(--color-white);
  --color-bg-subtle:  var(--color-cream);
  --color-bg-inverse: var(--color-black);

  /* --------------------------------------------------
     Semantic — text
     -------------------------------------------------- */

  --color-text:         var(--color-black);
  --color-text-inverse: var(--color-white);


  /* --------------------------------------------------
     Semantic — border
     -------------------------------------------------- */

  --color-border: var(--color-black);


  /* --------------------------------------------------
     Semantic — accent / brand
     -------------------------------------------------- */

  --color-accent: var(--color-red);

}