/* By Damian — design tokens: palette and type.
   Solid colors only. Yellow is the single accent: use it with intent, not everywhere. */

:root {
  --bg: #1F1F1F;          /* graphite */
  --surface: #2B2B2A;     /* cards on graphite (notifications) */
  --muted: #8A8A85;       /* concrete grey: secondary text, lines */
  --ink: #EDEBE6;         /* bone white: main text, light surfaces */
  --accent: #FFC300;      /* yellow: the only accent */
  --on-accent: #1F1F1F;   /* text sitting on an --accent fill */
  --line: rgba(138, 138, 133, 0.35);
  --next-bg: #EDEBE6;     /* #about's background: the phone screen dissolves into it */

  --font-display: "Archivo", "Arial Black", system-ui, sans-serif;
  --display-stretch: 125%;
  --display-weight: 800;
  --display-tracking: -0.02em;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease: cubic-bezier(0.22, 1, 0.36, 1); /* smooth decelerate, no overshoot */
}