:root {
  --bg: #F4F4F7;
  --surface: #FFFFFF;
  --surface-2: #F2F2F5;
  --surface-3: #ECECF0;
  --ink: #16161C;
  --ink-2: #54545E;
  --muted: #8B8B95;
  --border: #ECECEF;
  --line: #E5E5EA;
  --brand: #FF5A1F;
  --brand-2: #FF2E7E;
  --grad: linear-gradient(118deg,#FF6A2B,#FF2E7E);
  --grad-soft: linear-gradient(118deg,rgba(255,106,43,.14),rgba(255,46,126,.12));
  --shadow-sm: 0 1px 2px rgba(20,20,30,.05);
  --shadow: 0 1px 2px rgba(20,20,30,.04), 0 10px 28px -18px rgba(20,20,30,.16);
  --shadow-lg: 0 1px 2px rgba(20,20,30,.04), 0 30px 60px -30px rgba(20,20,30,.28);
  --on-grad: #fff;
}
:root.theme-dark {
  --bg: #09080A;
  --surface: #151318;
  --surface-2: #1E1B21;
  --surface-3: #26222B;
  --ink: #FBFAFC;
  --ink-2: #BBB6C0;
  --muted: #888390;
  --border: rgba(255,255,255,.08);
  --line: rgba(255,255,255,.06);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 24px 50px -28px rgba(0,0,0,.85);
  --shadow-lg: 0 1px 2px rgba(0,0,0,.5), 0 40px 80px -34px rgba(0,0,0,.95);
}