/***********
*************** SITEWIDE DESIGN SYSTEM
*****************************************/

:root{

  /*************************************************************         BRAND TOKENS          ********************/

  /* #region BRAND TOKENS */

  /*==========================================================================
  |                               BRAND COLOURS                              |
  ==========================================================================*/

  --bg: #070707;
  --text: #ffffff;
  --accent: #F1A024;
  --accent-trance: #BF7DD9;

  --muted: rgba(255,255,255,0.72); /* secondary text */
  --line: rgba(255,255,255,0.14);  /* borders / separators */

  /*==========================================================================
  |                               FONT IMPORT                                |
  ==========================================================================*/

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";



  /* #endregion BRAND TOKENS */


  /*************************************************************         LAYOUT TOKENS          ********************/

  /* #region LAYOUT TOKENS */

  --radius: 18px;
  --shadow: 0 12px 30px rgba(0,0,0,0.45);
  --max: 1120px;
  --scroll-offset: 40px;



  /* #endregion LAYOUT TOKENS */

}