@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;
}