:root {
  --uno-red: #e10f1c;
  --uno-yellow: #ffd100;
  --uno-green: #00a54f;
  --uno-blue: #0060df;
  --uno-black: #111216;
  --uno-white: #ffffff;
  --glass: rgba(255, 255, 255, 0.08);
  --border: rgba(255, 255, 255, 0.18);
  --text: #f5f7fb;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: ui-rounded, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--text);
  background: radial-gradient(1400px 800px at 20% 10%, #3d0b0e, #17070b 45%, #09090c 80%);
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
