@layer base {
  :root {
    --big: 700 1rem/1.35 sans-serif;
    --huge: 500 1.333rem/1.35 sans-serif;
    --giant: 500 2rem/1.15 sans-serif;
    --mighty: 500 2.555rem/1.3 sans-serif;
    --titanic: 500 3.555rem/1.1 sans-serif;
    --colossal: 500 5.555rem/1.1 sans-serif;
    --humongous: 700 55.555rem/1.1 sans-serif;
    --common: 500 18px/1.35 sans-serif;

    --petite: 700 0.94444444rem/1.4 sans-serif;
    --small: 500 0.888rem/1.35 sans-serif;
    --tiny: 500 0.777rem/1.35 sans-serif;

    --mono: 400 1rem/1.2 monospace;
  }
}