@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap");
:root {
  --color-primary: #EB2D8C;
  --color-primary-hover: #c8136d;
  --color-primary-tint: rgba(235, 45, 140, 0.12);
  --color-primary-ring: rgba(235, 45, 140, 0.35);
  --glass-bg: rgba(15, 23, 42, 0.92);
  --glass-bg-soft: rgba(15, 23, 42, 0.85);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-inner: rgba(255, 255, 255, 0.05);
  --glass-inner-hover: rgba(255, 255, 255, 0.10);
  --glass-divider: rgba(255, 255, 255, 0.07);
  --content-bg: #F8FAFC;
  --card-bg: #FFFFFF;
  --card-border: #e3e3e3;
  --surface-2: #F8FAFC;
  --border-soft: #eaf0f6;
  --qline-section-bg: #eaf0f6;
  --text-on-dark: #e2e8f0;
  --text-on-dark-muted: #94a3b8;
  --text-on-dark-faint: #64748b;
  --text-main: #0F172A;
  --text-muted: #626d89;
}
[data-theme="dark"] {
  --content-bg: #242b3d;
  --card-bg: #2f3950;
  --card-border: rgba(255, 255, 255, 0.10);
  --surface-2: rgba(255, 255, 255, 0.05);
  --border-soft: rgba(255, 255, 255, 0.07);
  --qline-section-bg: rgba(255, 255, 255, 0.09);
  --text-main: #d2daef;
  --text-muted: #97a0b5;
}
body { font-family: 'Roboto', ui-sans-serif, system-ui, sans-serif; }