/* ============================================================
   INFINITY WRITER - STYLE GLOBAL
   Variables, reset et styles communs au site
   ============================================================ */

:root {
  color-scheme: dark;
  --black: #010000;
  --ink: #08070b;
  --panel: rgba(13, 11, 18, 0.72);
  --white: #fefcfe;
  --muted: #a8a3b2;
  --accent: #6d31fb;
  --accent-light: #c782fa;
  --accent-dark: #430d84;
  --line: rgba(254, 252, 254, 0.14);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, 'Segoe UI', Arial, sans-serif;
  --ease-cinematic: cubic-bezier(.22, 1, .36, 1);
}


/* ============================================================
   RESET / BASE
   ============================================================ */

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--black);
  color: var(--white);
  font-family: var(--sans);
}

a {
  color: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 1px solid var(--accent-light);
  outline-offset: 5px;
}