:root {
  --bg: #eef4fb;
  --panel: #ffffff;
  --panel2: #f4f8fd;
  --panel3: #e6eef9;
  --text: #17213a;
  --muted: #667085;
  --line: rgba(42, 59, 91, .14);
  --heat: #d94a43;
  --toxic: #7a4cb8;
  --drama: #d99a1b;
  --meme: #14945f;
  --ai: #285ecb;
  --gold: #d29a18;
  --green: #108c70;
  --pink: #c65fb4;
  --blue: #177ec8;
  --danger: #d94343;
  --surface-high: linear-gradient(145deg, #ffffff 0%, #f6f9fe 56%, #edf4fb 100%);
  --surface-mid: linear-gradient(145deg, #ffffff 0%, #f3f7fd 100%);
  --surface-low: linear-gradient(145deg, #e9f0f8 0%, #f8fbff 100%);
  --active-bg: linear-gradient(145deg, #236dcc 0%, #108c70 100%);
  --shadow: 0 18px 46px rgba(24, 39, 67, .14), 0 4px 14px rgba(24, 39, 67, .07);
  --card-shadow: 0 20px 44px rgba(24, 39, 67, .13), 0 5px 14px rgba(24, 39, 67, .07), inset 0 1px 0 rgba(255, 255, 255, .96), inset 0 -1px 0 rgba(93, 110, 132, .08);
  --inset-shadow: inset 0 2px 6px rgba(24, 39, 67, .11), inset 0 -1px 0 rgba(255, 255, 255, .92);
  --soft-blue: #e7f1ff;
  --soft-gold: #fff4d6;
}