/* Niclewicz writing: design tokens.
   Source of truth: src/styles/GlobalStyles.ts (printed from src/styles/tokens.ts).
   This file mirrors its night tokens, so the /writing index, the #writing band on the home
   page and every article sit on the same #070510 ground:
     --ink-0        = --night-0        #070510  ground
     --paper        = --night-ink      #F5F2EC  primary text, 18.10:1
     --paper-dim    = --night-dim      #A8A2B8  secondary text, 8.21:1
     --paper-mute   = --night-mute     #8A8499  tertiary text, 5.63:1 (was #6B6478, 3.58:1, failed AA)
     --violet-bright                   #A78BFA  ALL violet text on night, and the focus ring, 7.43:1
     --violet-glow  = --accent         #5B2DD9  2.72:1 on night: border, glow and fill ONLY, never text
   --ink-1, --ink-2, --violet-deep and --border are article-local and have no site sibling.
   Linked by /writing/<slug>.html files; safe to override locally.
   Known debt: the four published articles inline their own copies of these values. */

:root {
  --ink-0: #070510;
  --ink-1: #0a0612;
  --ink-2: #1a1430;
  --violet-deep: #230461;
  --violet-glow: #5b2dd9;
  --violet-bright: #a78bfa;
  --paper: #f5f2ec;
  --paper-dim: #a8a2b8;
  --paper-mute: #8a8499;
  --border: rgba(245, 242, 236, 0.08);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  background-color: var(--ink-0);
  scroll-behavior: smooth;
}

body {
  color: var(--paper-dim);
  font-family: 'Inter', -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--violet-bright);
  outline-offset: 2px;
}