/* Entry point for club-penguin.
 *
 * The home page is its own entry -- css/home/main.css -- and shares only the reset, the
 * palette and the utilities with this one.
 *
 * Layers are the contract: everything here is layered, so a page stylesheet loaded after it
 * wins without needing to out-specify anything.
 */

@layer reset, tokens, base, utilities;

@import url('./reset.css') layer(reset);
@import url('./tokens.css') layer(tokens);
@import url('./utilities.css') layer(utilities);

/* The page's own stylesheet sets everything else; these are just the ground it sits on. */
@layer base {
  body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--chrome-face);
  }
}