/* Adrian Skowron — color system. Dark-only. Near-black substrate, bone-white text, one oxide-red accent. */
:root {
  /* Substrate — five steps of near-black. Never pure #000. */
  --ink-950: #0B0B0C;
  --ink-900: #101012;
  --ink-850: #16161A;
  --ink-800: #1D1D21;
  --ink-750: #26262B;

  /* Hairlines */
  --line-1: #2A2A30;
  --line-2: #383840;
  --line-3: #4A4A54;

  /* Foreground — warm bone, not blue-white */
  --bone-100: #F4F1EC;
  --bone-300: #C9C5BE;
  --bone-500: #8E8B85;
  --bone-700: #63615D;

  /* Accent — oxide red */
  --oxide-600: #C3381F;
  --oxide-500: #E2452B;
  --oxide-400: #F45C40;
  --oxide-300: #FF8069;
  --oxide-tint-12: rgba(226, 69, 43, 0.12);
  --oxide-tint-24: rgba(226, 69, 43, 0.24);

  /* Semantic hues — used only for status, never decoration */
  --green-500: #4FB477;
  --amber-500: #E8A33D;
  --red-500: #FF5F52;
  --blue-500: #5B9FD6;

  /* ---- Semantic aliases: use these in components ---- */
  --bg-page: var(--ink-950);
  --bg-section: var(--ink-900);
  --surface-card: var(--ink-850);
  --surface-raised: var(--ink-800);
  --surface-input: var(--ink-900);
  --surface-hover: var(--ink-750);

  --text-display: var(--bone-100);
  --text-body: var(--bone-300);
  --text-muted: var(--bone-500);
  --text-faint: var(--bone-700);
  --text-accent: var(--oxide-500);
  --text-on-accent: #FFF6F3;

  --border-subtle: var(--line-1);
  --border-default: var(--line-2);
  --border-strong: var(--line-3);
  --border-accent: var(--oxide-500);

  --action-accent: var(--oxide-500);
  --action-accent-hover: var(--oxide-400);
  --action-accent-press: var(--oxide-600);

  --status-success: var(--green-500);
  --status-warning: var(--amber-500);
  --status-danger: var(--red-500);
  --status-info: var(--blue-500);

  --focus-ring: var(--oxide-400);
}