@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --c-background: #031D44; /* background */
  --c-background-light: #04395E; /* background-highlight */
  --c-boxes: #24719f; /* boxes */
  --c-lines: #87a9da; /* lines */
  --c-text: #CAF0F8; /* text */
  --c-other: #70A288; /* other */
}

@layer base {
  html, body {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  
  #root {
    min-height: 100vh;
    background-color: var(--c-background);
  }
}