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

@layer base {
  html,
  body,
  #root {
    height: 100%;
  }

  body {
    margin: 0;
    background: theme('colors.cream');
    color: theme('colors.ink');
    font-family: theme('fontFamily.display');
    -webkit-font-smoothing: antialiased;
  }

  /* Barres de défilement franches, dans l'esprit du design. */
  ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
  }
  ::-webkit-scrollbar-track {
    background: theme('colors.sand-dark');
  }
  ::-webkit-scrollbar-thumb {
    background: theme('colors.ink');
    border: 2px solid theme('colors.sand-dark');
  }
}