/* Singularity Compute — Color tokens
   Brand DNA: electric-violet→magenta gradient on a deep cool near-black,
   with a signature pale warm-sage "paper" for text (#E2E3D7). */
:root {
  /* ---- Brand violet ramp (sampled from the logo mark) ---- */
  --violet-100: #E7E2FE;
  --violet-200: #C9C1F8;
  --violet-300: #A599F1;
  --violet-400: #8878F3;
  --violet-500: #6B4FF6;
  --violet-600: #5634F8; /* core brand violet */
  --violet-700: #4A28E0;
  --violet-800: #3A1FB0;
  --violet-900: #281673;

  /* ---- Magenta end of the gradient ---- */
  --magenta-400: #A45CFF;
  --magenta-500: #8738FD;
  --magenta-600: #943AFF;

  /* ---- Signature brand gradients ---- */
  --brand-gradient: linear-gradient(135deg, #5634F8 0%, #7836FC 48%, #943AFF 100%); /* @kind color */
  --brand-gradient-soft: linear-gradient(135deg, #6B4FF6 0%, #A45CFF 100%); /* @kind color */
  --brand-aurora: radial-gradient(60% 80% at 50% 0%, rgba(86,52,248,0.45) 0%, rgba(148,58,255,0.18) 40%, rgba(10,10,15,0) 72%); /* @kind color */

  /* ---- Paper / sage (brand off-white) ---- */
  --sage-100: #F3F3EC;
  --sage-200: #E2E3D7; /* signature paper */
  --sage-300: #C7C8BC;
  --sage-400: #9A9B90;

  /* ---- Cool near-black neutral scale (page → surfaces) ---- */
  --ink-950: #0A0A0F;
  --ink-900: #101017;
  --ink-850: #15141C;
  --ink-800: #1B1A24;
  --ink-700: #26242F;
  --ink-600: #34313F;
  --ink-500: #4A4657;
  --ink-400: #6E6A7A;
  --ink-300: #918D9E;
  --ink-200: #B9B6C2;

  /* ---- Status ---- */
  --success: #35D08A;
  --warning: #F5B544;
  --danger:  #F2555A;
  --info:    #6B4FF6;

  /* ================= Semantic aliases ================= */
  /* Surfaces */
  --surface-page:    var(--ink-950);
  --surface-raised:  #131219;
  --surface-overlay: #1A1922;
  --surface-inset:   #0E0E14;
  --surface-accent-soft: rgba(86,52,248,0.12);

  /* Text (pale sage on dark) */
  --text-primary:   var(--sage-200);
  --text-secondary: rgba(226,227,215,0.72);
  --text-muted:     rgba(226,227,215,0.50);
  --text-faint:     rgba(226,227,215,0.34);
  --text-on-accent: #FFFFFF;
  --text-accent:    var(--violet-400);

  /* Borders (hairlines derived from paper) */
  --border-subtle:  rgba(226,227,215,0.08);
  --border-default: rgba(226,227,215,0.12);
  --border-strong:  rgba(226,227,215,0.20);
  --border-accent:  rgba(86,52,248,0.55);

  /* Interactive accent */
  --accent:       var(--violet-600);
  --accent-hover: var(--violet-500);
  --accent-press: var(--violet-700);
  --accent-ring:  rgba(86,52,248,0.45);

  /* Link colors (consumed by <a> in specimen/kit pages) */
  --link:       var(--violet-300);
  --link-hover: var(--violet-200);
}