/* The brand: the colours everything Tron shows is dressed in, in one place: the web app, the
   viewer, the server's own pages (sign-in) and the landing site. Change them here, then run
   `npm run build` in frontend/: it copies this folder's brand files to the server and the site.
   Colours that carry meaning (status, results, selection) stay in the apps: no theme changes them.

   The theme worn, by everyone: one season's line below made active (the comment marks taken
   away), or none for the brand as it is.
   A season (seasons/*.css) overrides some colours and adds its details; theme.js puts them on. */

@import url("seasons/christmas.css");
/* @import url("seasons/halloween.css"); */
/* @import url("seasons/easter.css"); */

@layer brand {
  :root {
    --theme: default; /* which season is worn; a season's file sets its own */
    --bar: #ffcc00; /* the bar along the top */
    --bar-text: #1d1d1b;
    --bar-muted: #3f3b26;
    --primary: #ffcc00; /* buttons that are on, the main action */
    --primary-hover: #f4c200;
    --primary-line: #ffcc00;
    --primary-text: #1d1d1b;
    --page: #f4f4f1; /* behind the cards */
    --accent-soft: #ffcc0033; /* a light touch of the brand: highlights, chips */
  }
}