/* ===========================================================================
   Digitalpnd FX · variables.css
   Design tokens — Dark Luxury · Glassmorphism Premium · Apple-inspired
   =========================================================================== */
:root{
  /* ---- Brand palette ---- */
  --primary:#7F5AF0;
  --secondary:#9D4EDD;
  --accent:#C77DFF;
  --highlight:#E0AAFF;
  --dark:#240046;
  --deep-bg:#05030A;

  /* ---- Text ---- */
  --txt:#F5F0FF;
  --txt-dim:rgba(245,240,255,0.72);
  --txt-muted:rgba(245,240,255,0.45);

  /* ---- Glass surfaces ---- */
  --glass-bg:rgba(255,255,255,0.08);
  --glass-strong:rgba(255,255,255,0.14);
  --glass-border:rgba(255,255,255,0.18);
  --glass-soft:rgba(127,90,240,0.10);

  /* ---- Semantic ---- */
  --green:#22C55E; --red:#EF4444; --yellow:#EAB308; --blue:#3B82F6;

  /* ---- Gradients ---- */
  --grad:linear-gradient(135deg,#7F5AF0 0%,#9D4EDD 50%,#C77DFF 100%);
  --grad-soft:linear-gradient(135deg,rgba(127,90,240,.15),rgba(199,125,255,.05));
  --grad-text:linear-gradient(135deg,#C77DFF 0%,#E0AAFF 100%);

  /* ---- Radius ---- */
  --radius:20px;
  --radius-lg:24px;
  --radius-sm:12px;
  --radius-pill:999px;

  /* ---- Shadows ---- */
  --shadow-sm:0 4px 12px rgba(0,0,0,.25);
  --shadow:0 8px 32px rgba(0,0,0,.38);
  --shadow-glow:0 0 40px rgba(127,90,240,.30);
  --shadow-lift:0 20px 50px rgba(0,0,0,.45),0 0 30px rgba(127,90,240,.20);
  --inset-glass:inset 0 1px 0 rgba(255,255,255,.08);

  /* ---- Typography ---- */
  --font:'Inter','SF Pro Display','SF Pro Text','Segoe UI',Roboto,system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,Menlo,monospace;

  /* ---- Spacing / layout ---- */
  --container:1200px;
  --section-y:96px;
  --gap:20px;

  /* ---- Motion ---- */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --dur:.3s;
  --dur-slow:.6s;

  /* ---- Blur ---- */
  --blur:30px;
}