:root {
  /* ---- base ink & surfaces ---- */
  --ink-950: #07111f;
  --ink-900: #0d2238;
  --ink-800: #10243d;
  --ink-700: #0f172a;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --line-100: #e6ebf1;
  --surface-white: #ffffff;
  --surface-mist: #f8fafc;
  --surface-frost: #fbfdfe;
  --surface-cool: #f3fafb;

  /* ---- brand accents (product signature colors) ---- */
  --cyan-500: #16b8d9;
  --cyan-600: #0ea5c2;
  --cyan-700: #0789a2;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --mint-300: #6ee7d8;
  --blue-600: #2563eb;
  --blue-700: #1d4fd7;
  --gold-400: #f4c95d;
  --gold-500: #f5bd45;
  --gold-700: #9a6a04;

  /* ---- semantic aliases ---- */
  --text-primary: var(--ink-950);
  --text-secondary: var(--slate-600);
  --text-muted: var(--slate-400);
  --text-on-dark: #ffffff;
  --text-on-dark-muted: rgba(226, 242, 247, 0.72);

  --surface-page: var(--surface-white);
  --surface-alt: var(--surface-mist);
  --surface-card: var(--surface-white);
  --surface-card-tint: var(--surface-frost);
  --surface-dark: linear-gradient(135deg, var(--ink-950), var(--ink-800));

  --border-default: var(--line-100);
  --border-hover: rgba(22, 184, 217, 0.42);

  --accent-primary: var(--cyan-500);       /* The Lab / primary CTA */
  --accent-primary-hover: var(--cyan-600);
  --accent-studio: var(--blue-600);        /* Studio (build) */
  --accent-companion: var(--teal-500);     /* Companion (think) */
  --accent-services: var(--gold-500);      /* Services (work with me) */

  --focus-ring: rgba(22, 184, 217, 0.2);
}