@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Questrial&display=swap');
:root {
  --dp-mode: dark; --dp-primary: #FF0080; --dp-secondary: #585E7A;
  --dp-bg: #000000; --dp-bg-end: #020140; --dp-text: #FFFFFF;
  --dp-text-secondary: rgba(255,255,255,0.7); --dp-text-muted: rgba(255,255,255,0.4);
  --dp-surface: rgba(255,255,255,0.04); --dp-surface-alt: rgba(255,255,255,0.07);
  --dp-border: rgba(255,255,255,0.1); --dp-border-light: rgba(255,255,255,0.06);
  --dp-card-bg: rgba(6,8,60,0.72); --dp-card-shadow: 0 18px 40px rgba(0,0,0,0.6);
  --dp-sidebar-bg: rgba(0,0,0,0.82); --dp-header-bg: rgba(0,0,0,0.75);
  --dp-input-bg: rgba(255,255,255,0.12); --dp-input-border: rgba(255,255,255,0.25);
  --dp-scrollbar-track: rgba(255,255,255,0.05); --dp-scrollbar-thumb: rgba(255,255,255,0.2);
  --dp-overlay-bg: rgba(0,0,0,0.7); --dp-button-text: #FFFFFF;
  --dp-font-heading: 'Oswald', sans-serif; --dp-font-body: 'Questrial', sans-serif;
  --dp-radius-buttons: 0px; --dp-radius-cards: 0px; --dp-radius-inputs: 4px;
  --dp-success: #22c55e; --dp-warning: #fbbf24; --dp-error: #ef4444;
  --dp-primary-bg: #FF00801a; --dp-success-bg: #22c55e1f;
  --dp-warning-bg: #fbbf241f; --dp-error-bg: #ef44441f;
}