:root {
  --background: #101115;
  --foreground: #eff0f6;
  --card: #191b22;
  --card-foreground: #eff0f6;
  --popover: #22252e;
  --popover-foreground: #eff0f6;
  --primary: #b4a5ff;
  --primary-foreground: #19162d;
  --secondary: #252830;
  --secondary-foreground: #eff0f6;
  --muted: #242630;
  --muted-foreground: #a2a5b5;
  --accent: #302b48;
  --accent-foreground: #e1d9ff;
  --border: #30323f;
  --input: #424654;
  --ring: #b4a5ff;
  --destructive: #ff9586;
  --surface: #191b22;
  --surface-raised: #20232c;
  --surface-soft: #16181e;
  --text: #eff0f6;
  --text-soft: #b0b2c1;
  --text-dim: #969baa;
  --violet: #b4a5ff;
  --violet-soft: #2c263e;
  --mint: #8ce0c3;
  --mint-soft: #1c352e;
  --amber: #f1c779;
  --amber-soft: #3a3021;
  --blue: #8abafb;
  --line: #2b2e39;
  --shadow: 0 16px 45px #00000018;
  --radius: .8rem;
  --font-sans: 'Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
:root[data-theme="light"] {
  --background: #f2f3f7;
  --foreground: #232332;
  --card: #fff;
  --card-foreground: #232332;
  --popover: #fff;
  --popover-foreground: #232332;
  --primary: #6550b8;
  --primary-foreground: #fff;
  --secondary: #eef0f5;
  --secondary-foreground: #232332;
  --muted: #eef0f5;
  --muted-foreground: #626678;
  --accent: #efebff;
  --accent-foreground: #5a459d;
  --border: #dcdfe8;
  --input: #b9bfce;
  --ring: #7760d4;
  --destructive: #aa3b36;
  --surface: #fff;
  --surface-raised: #f8f9fc;
  --surface-soft: #f6f7fb;
  --text: #232332;
  --text-soft: #596073;
  --text-dim: #697185;
  --violet: #6550b8;
  --violet-soft: #eeebfc;
  --mint: #21775f;
  --mint-soft: #e1f4eb;
  --amber: #8b631d;
  --amber-soft: #fff1d6;
  --blue: #3c6faa;
  --line: #dde0e8;
  --shadow: 0 12px 40px #22284706;
}