/* tokens.css — the single source of truth. Every component reads from here. */

:root {
  /* Surfaces — old-site glass: bg-white/5, border-white/20 */
  --bg:            #010107;
  --surface:       rgba(255, 255, 255, 0.05);
  --surface-2:     rgba(255, 255, 255, 0.10);
  --border:        rgba(255, 255, 255, 0.20);
  --border-strong: rgba(255, 255, 255, 0.30);
  /* Effectively opaque so text stays readable over the galaxy canvas
     (the bright starfield bleeds through anything more transparent). */
  --surface-solid: rgba(8, 8, 20, 0.97);
  --input-bg:      #0d0d1c;

  /* Text */
  --text:          #f4f4ff;
  --text-muted:    rgba(255, 255, 255, 0.60);
  --text-faint:    rgba(255, 255, 255, 0.38);

  /* Brand + status */
  --brand:         #9682f6;
  --brand-2:       #1d1eff;
  --gradient-brand: linear-gradient(45deg, rgb(150, 130, 246), rgb(29, 30, 255));
  --success:       #34d399;
  --warning:       #fbbf24;
  --danger:        #f87171;

  /* Shape — old site: rounded-3xl cards/buttons, rounded-xl small */
  --radius:        24px;
  --radius-sm:     12px;
  --radius-lg:     24px;

  /* Elevation */
  --shadow-card:   0 20px 60px rgba(0, 0, 0, 0.45);
  --shadow-glow:   0 0 24px rgba(150, 130, 246, 0.25);

  /* 4-step spacing scale: 1=8px 2=16px 3=24px 4=32px */
  --space:         8px;

  /* Type */
  --font-sans:     "Vazirmatn", Tahoma, sans-serif;
}