/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}


html {
  min-height: 100%;
}


body {

  min-height: 100vh;

  margin: 0;

  background:
    radial-gradient(
      circle at 80% 0%,
      var(--glow-gold),
      transparent 28rem
    ),
    linear-gradient(
      180deg,
      var(--page-bg),
      var(--page-bg-secondary)
    );

  color: var(--text);

  font-family:
    var(--font-body);

  line-height: 1.55;

  transition:
    background var(--transition),
    color var(--transition);

}


a {
  color: inherit;

  text-decoration: none;
}


button,
input,
select,
textarea {

  font: inherit;

}


/* =========================================================
   PRINT
========================================================= */

@media print {

  :root,
  [data-theme="dark"] {

    --page-bg: white;

    --surface: white;

    --surface-raised: white;

    --surface-soft: #f5f5f5;

    --paper: white;

    --text: #111;

    --text-secondary: #222;

    --text-muted: #555;

    --border: #bbb;

    --border-soft: #ddd;

  }


  body {

    background: white;

  }


  .site-header,
  .no-print,
  .theme-control {

    display: none !important;

  }


  .site-main {

    width: 100%;

    padding: 0;

  }


  .surface,
  .surface-raised,
  .paper-panel {

    box-shadow: none;

  }

}