/* =========================================================
   🌍 BODY SOVEREIGN
   File: body-sovereign.css

   RESPONSIBILITY:
   - Own the HTML + BODY box model
   - Define global background
   - Define document-level overflow
   - Import global fonts (availability only)

   THIS FILE MUST NOT:
   - Position content
   - Style components
   - Define layout systems
========================================================= */


/* ---------------------------------------------------------
   FONT AVAILABILITY (GLOBAL)
--------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');


/* ---------------------------------------------------------
   GLOBAL BOX MODEL
--------------------------------------------------------- */

html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

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


/* ---------------------------------------------------------
   BODY — DOCUMENT CANVAS
--------------------------------------------------------- */

body {
  margin: 0;
  padding: 0;

  background-color: #000;
  background-image: linear-gradient(
    to bottom,
    #000 0%,
    #02040a 100%
  );

  color: #ffffff;
}