/* Portfolio Design System — Color. Near-monochrome ink/paper, one live accent. */
:root{
  --color-ink:#17161A;
  --color-paper:#FAFAF6;
  --color-surface:#F0EFEA;
  --color-muted:#6E6B78;
  --color-line:rgba(23,22,26,0.12);
  --color-accent:#FF4A1C;
  /* Accent alternates — pick one, make it yours */
  --color-accent-blue:#2C4BFF;
  --color-accent-lime:#C6FF3D;
  /* Dark inversion (e.g. the hero) */
  --color-ink-invert:#FAFAF6;
  --color-paper-invert:#17161A;
  --color-line-invert:rgba(250,250,246,0.12);
  --color-muted-invert:rgba(250,250,246,0.7);

  /* Semantic aliases */
  --text-primary:var(--color-ink);
  --text-secondary:var(--color-muted);
  --text-on-ink:var(--color-ink-invert);
  --text-accent:var(--color-accent);
  --surface-page:var(--color-paper);
  --surface-card:var(--color-surface);
  --surface-inverse:var(--color-paper-invert);
  --border-subtle:var(--color-line);
  --border-strong:var(--color-ink);
}