:root{
  --ui: 255,255,255;
  --topbarRgb: 8,10,14;
  --font-ui: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

  /* Background Colors */
  --bg0:#07090c;
  --bg1:#0b0f14;
  --bg2:#0f141d;
  --bg3:#131a24;
  --card:#0e131a;
  --cardHover:#111829;
  
  /* Text Colors */
  --text:rgba(255,255,255,.92);
  --textSecondary:rgba(255,255,255,.75);
  --muted:rgba(255,255,255,.66);
  --muted2:rgba(255,255,255,.45);
  --muted3:rgba(255,255,255,.28);
  
  /* Borders & Edges */
  --edge:rgba(255,255,255,.12);
  --edgeStrong:rgba(255,255,255,.18);
  --edgeSoft:rgba(255,255,255,.06);
  
  /* Effects */
  --shine:rgba(255,255,255,.18);
  --shineStrong:rgba(255,255,255,.26);
  --glow:rgba(140,200,255,.14);
  --glowStrong:rgba(140,200,255,.22);
  --shadow: 0 18px 60px rgba(0,0,0,.55);
  --shadowMd: 0 12px 40px rgba(0,0,0,.42);
  --shadowSm: 0 6px 20px rgba(0,0,0,.30);
  
  /* Radius */
  --radius: 18px;
  --radius2: 14px;
  --radiusLg: 24px;
  --radiusSm: 10px;

  /* Primary Colors */
  --accent: 140,200,255;
  --accentLight: 170,220,255;
  --accentDark: 120,180,240;
  
  /* Spot Colors */
  --spot1: 120,170,255;
  --spot2: 255,255,255;
  --spot3: 120,255,220;
  --spot4: 140,200,255;
  --spot5: 200,230,255;
  
  /* Interactive Colors */
  --buttonBg:rgba(140,200,255,.12);
  --buttonBgHover:rgba(140,200,255,.18);
  --buttonText:rgba(255,255,255,.85);
  --linkColor: rgb(170,220,255);
  --linkHover: rgb(190,230,255);
  
  /* Code & Syntax */
  --codeBg: rgba(0,0,0,.30);
  --codeBgStrong: rgba(0,0,0,.40);
  --codeString: rgb(150,210,255);
  --codeNumber: rgb(200,220,255);
  --codeKeyword: rgb(140,200,255);
  --codeComment: rgba(255,255,255,.35);
  
  /* Status Colors */
  --success: 120,220,160;
  --warning: 255,190,110;
  --error: 255,130,130;
  --info: 170,210,255;
  
  /* Overlay */
  --overlayDark: rgba(0,0,0,.5);
  --overlayLight: rgba(140,200,255,.1);
}