/* medgh Design Tokens — include on every page */
:root {
  /* Backgrounds */
  --bg:           #08090F;
  --bg-2:         #0C0D17;
  --bg-3:         #111422;

  /* Surfaces */
  --surface:      rgba(255,255,255,0.028);
  --surface-2:    rgba(255,255,255,0.05);
  --surface-3:    rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.07);
  --glass-hover:  rgba(255,255,255,0.055);

  /* Dashboard aliases */
  --s2:           rgba(255,255,255,0.05);
  --s3:           rgba(255,255,255,0.08);
  --b2:           rgba(255,255,255,0.11);
  --grad-t:       linear-gradient(130deg,#A78BFA,#38BDF8);

  /* Brand colours */
  --primary:      #6B47FF;
  --primary-2:    #5233E0;
  --cyan:         #00CFFF;
  --magenta:      #F040D0;
  --green:        #34D399;
  --amber:        #FBBF24;
  --red:          #F87171;

  /* Gradients */
  --grad:         linear-gradient(135deg, #6B47FF 0%, #00CFFF 100%);
  --grad-warm:    linear-gradient(135deg, #6B47FF 0%, #F040D0 100%);
  --grad-text:    linear-gradient(130deg, #A78BFA 10%, #38BDF8 90%);

  /* Text */
  --text:         #EEF0FF;
  --text-2:       #8B93B4;
  --text-3:       #485070;

  /* Borders */
  --border:       rgba(255,255,255,0.065);
  --border-2:     rgba(255,255,255,0.12);

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r:    14px;
  --r-lg: 20px;
  --r-xl: 26px;

  /* Typography */
  --f-display: 'Syne', sans-serif;
  --f-body:    'DM Sans', sans-serif;
  --f-mono:    'JetBrains Mono', monospace;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t:    0.28s var(--ease);

  /* Glows */
  --glow-v: 0 0 48px rgba(107,71,255,0.18);
  --glow-c: 0 0 48px rgba(0,207,255,0.15);
}