/* ============================================================
   Delulu Solutions / Color tokens

   A liquid-glass purple palette: bright glossy violet leading,
   deep indigo for depth and text, a single cyan glow accent, and
   a calm set of neutrals so the 3D glass renders read cleanly.
   Use these for slides, posters and any brand artifact.
   ============================================================ */

:root {
  /* ---- Brand violets (the core) ---- */
  --violet-bright: #8A3FE6;  /* primary brand violet (cursive logo, glass renders) */
  --violet-500:    #7C4DEE;  /* mid glass violet */
  --purple-600:    #6246EA;  /* electric purple, secondary */
  --violet-glow:   #B98CF5;  /* light violet highlight */
  --lavender-300:  #C9BBF9;  /* pale lavender wash */
  --lavender-100:  #F3F2FF;  /* near-white lavender */

  /* ---- Indigo (depth + text) ---- */
  --indigo-900: #010081;  /* deepest indigo, dark backgrounds + strong text */
  --indigo-700: #160C43;  /* near-black indigo */
  --indigo-500: #2A1A6E;  /* mid indigo, gradient stop */

  /* ---- Accent ---- */
  --cyan-glow: #4FD6E8;  /* the one spark: glow, eyes, highlights. Use sparingly */
  --magenta-500: #E14BC0;  /* optional secondary accent for gradients */

  /* ---- Neutrals ---- */
  --white:    #FFFFFF;
  --paper:    #FBFAFF;  /* warm-white surface */
  --mist:     #ECE7F8;  /* light lilac-gray panel */
  --silver:   #C7C3D6;  /* hairlines, dividers, muted hardware */
  --ink-900:  #15121F;  /* primary text on light */
  --ink-600:  #423B57;  /* body text */
  --ink-400:  #7B748F;  /* muted / captions */

  /* ---- Translucent glass surfaces (layer over imagery) ---- */
  --glass-fill:        rgba(150,110,240,0.16);
  --glass-fill-strong: rgba(150,110,240,0.30);
  --glass-clear:       rgba(255,255,255,0.10);
  --glass-stroke:      rgba(255,255,255,0.55);
  --glass-highlight:   rgba(255,255,255,0.75);

  /* ---- Semantic aliases ---- */
  --bg-light:   var(--lavender-100);
  --bg-deep:    var(--indigo-900);
  --text-strong: var(--ink-900);
  --text-body:   var(--ink-600);
  --text-muted:  var(--ink-400);
  --text-on-deep: var(--white);

  --accent:      var(--violet-bright);
  --accent-glow: var(--cyan-glow);
  --border-soft: var(--silver);
}
