:root {
  color-scheme: dark;

  --void: #0A0A0F;
  --s1: #111118;
  --s2: #18181F;
  --s3: #20202E;
  --s4: #2A2A3A;

  --sep: rgba(255,255,255,0.055);
  --sep2: rgba(255,255,255,0.10);
  --sep3: rgba(255,255,255,0.15);

  --grad: linear-gradient(135deg,#00F5C8 0%,#4F7CFF 55%,#FF344D 100%);

  --teal: #00F5C8;
  --t-20: rgba(0,245,200,0.20);
  --t-12: rgba(0,245,200,0.12);
  --t-08: rgba(0,245,200,0.08);
  --t-04: rgba(0,245,200,0.04);

  --red: #FF344D;
  --r-20: rgba(255,52,77,0.20);
  --r-12: rgba(255,52,77,0.12);
  --r-07: rgba(255,52,77,0.07);

  --blue: #4F7CFF;
  --b-20: rgba(79,124,255,0.20);
  --b-12: rgba(79,124,255,0.12);
  --b-07: rgba(79,124,255,0.07);

  --purple: #A855FF;
  --p-20: rgba(168,85,255,0.20);
  --p-12: rgba(168,85,255,0.12);
  --p-07: rgba(168,85,255,0.07);

  --gold: #FFD166;

  --t1: #FFFFFF;
  --t2: #AEAEC0;
  --t3: #636375;
  --t4: #38383F;

  --r-xs: 5px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', monospace;

  --nav-h: 52px;
  --status-h: 38px;
  --chip-h: 42px;
  --tab-h: 60px;

  --page-max: 1180px;
  --card-shadow: 0 22px 70px rgba(0,0,0,0.38);
}
