:root{
  /* OrbiHub palette — “Sakura Slate” (unique) */
  --bg: #070A14;
  --surface: #0B1226;
  --surface2: #0F1A36;
  --card: #101D3F;

  --text: #EEF2FF;
  --muted: #B7C3E6;

  --primary: #7C5CFF;   /* violet */
  --accent:  #FF6FAE;   /* sakura */
  --mint:    #2FE7C1;   /* mint glow */
  --sand:    #F6D58E;   /* warm highlight */
  --ink:     #0A0F22;

  --line: rgba(255,255,255,.12);
  --line2: rgba(255,255,255,.08);

  --shadow: 0 22px 60px rgba(0,0,0,.45);
  --shadow2: 0 12px 30px rgba(0,0,0,.35);

  --radius: 18px;
  --radius2: 26px;

  --grad-hero: radial-gradient(1200px 600px at 10% 10%, rgba(124,92,255,.28), transparent 55%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,111,174,.22), transparent 58%),
              radial-gradient(900px 700px at 60% 90%, rgba(47,231,193,.16), transparent 60%);

  --grad-card: linear-gradient(135deg, rgba(124,92,255,.22), rgba(255,111,174,.14) 45%, rgba(47,231,193,.10));
}