/* === DS Portfolio Live Customizer — Auto-generated. Do not edit manually. === */
/* Generated: 2026-04-18 11:40:53 */

:root {
  /* Brand */
  --clr-blue:        #0080ff;
  --clr-blue-dark:   #0a2ae0;
  --clr-blue-light:  #4ca6ff;
  --clr-blue-glow:   rgba(0,128,255,0.25);
  --clr-orange:      #f1a337;
  --clr-orange-dark: #cc8a2e;
  --clr-orange-light:#f5be73;
  --clr-orange-glow: rgba(241,163,55,0.25);
  --clr-green:       #10c987;
  --clr-primary:     #0080ff;
  --clr-primary-dark:#0a2ae0;
  --clr-accent:      #10c987;
  --clr-amber:       #f1a337;

  /* Dark backgrounds */
  --dark-bg:      #060c1f;
  --dark-bg-2:    #0a1128;
  --dark-bg-3:    #474c5d;
  --clr-bg:       #060c1f;
  --clr-bg-2:     #0a1128;
  --clr-bg-3:     #474c5d;

  /* Text */
  --text-dark:    #0d1225;

  /* Font */
  --font-sans: 'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;

  /* Border radius */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-2xl:  28px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Shadows with new brand color */
  --sh-blue: 0 8px 32px rgba(0,128,255,0.30);
  --sh-orng: 0 8px 32px rgba(241,163,55,0.30);
  --shadow-glow: 0 8px 32px rgba(0,128,255,0.30);
}

/* Dynamic font body */
body { font-family: 'Poppins','Segoe UI',system-ui,-apple-system,sans-serif; }