/**
 * Good Dogz KC Brand Colors
 *
 * This file defines the core brand colors for Good Dogz KC to ensure
 * consistent color usage throughout the website.
 *
 * @package Good_Dogz_KC
 * @subpackage Twenty_Twenty_Four_Child
 * @since 1.0.0
 */

:root {
  /* Primary Colors */
  --gdkc-blue: #2c2977;               /* Primary brand color - Indigo/Dark Blue */
  --gdkc-dark-blue: #2c2977;          /* Deprecated alias: Use --gdkc-blue instead */
  --gdkc-light-purple: #a08cff;       /* Light Purple - Secondary brand color */
  --gdkc-teal: #07edbe;               /* Teal - Accent brand color */
  
  /* Secondary Colors */
  --gdkc-medium-blue: #477ed6;        /* Medium Blue - Supporting color */
  --gdkc-light-blue: #a0c7ff;         /* Light Blue - Supporting color */
  --gdkc-soft-lilac: #f1e0ff;         /* Soft Lilac - Background color */
  
  /* Additional Brand Colors */
  --gdkc-pink: #ff7ec0;               /* Pink - Accent color for special elements */
  --gdkc-electric-purple: #9945FF;    /* Electric Purple - Vibrant, cosmic accent */
  
  /* Neutral Colors */
  --gdkc-black: #000000;              /* Pure Black */
  --gdkc-button-black: #222222;       /* Button Black Hover */
  --gdkc-dark-background: #322f58;    /* Dark background for footer, modals */
  --gdkc-white: #ffffff;              /* Pure White */
  --gdkc-gray-100: #f8f9fa;           /* Lightest Gray */
  --gdkc-gray-200: #e9ecef;           /* Light Gray */
  --gdkc-gray-300: #dee2e6;           /* Gray */
  --gdkc-gray-400: #ced4da;           /* Medium Gray */
  --gdkc-gray-500: #adb5bd;           /* Neutral Gray */
  --gdkc-gray-600: #6c757d;           /* Dark Gray */
  --gdkc-gray-700: #495057;           /* Darker Gray */
  --gdkc-gray-800: #343a40;           /* Very Dark Gray */
  --gdkc-gray-900: #212529;           /* Near Black */
  
  /* Darkened Variants for Hover States */
  --gdkc-blue-darkened: #251f6a;      /* Blue hover state */
  --gdkc-darkest-blue: #1f1a58;       /* Darkest blue button state */
  --gdkc-blue-gradient-start: #260133; /* Dark blue gradient start */
  --gdkc-blue-gradient-end: #1f0128;  /* Darker blue gradient end */
  
  --gdkc-light-purple-darkened: #8a78e0; /* Light purple hover state */
  --gdkc-dark-purple: #7566cc;        /* Dark purple button state */
  --gdkc-light-purple-gradient-start: #b09fff; /* Light purple gradient start */
  --gdkc-light-purple-gradient-end: #9a8aea; /* Medium purple gradient end */
  
  --gdkc-teal-darkened: #06d4aa;      /* Teal hover state */
  --gdkc-darker-teal: #05c6a0;        /* Darker teal for buttons */
  --gdkc-teal-button-state: #05bb96;  /* Teal button hover state */
  --gdkc-teal-gradient-start: #41a38e; /* Teal gradient start */
  --gdkc-teal-gradient-end: #07c9a2; /* Teal gradient end */
  
  --gdkc-medium-blue-darkened: #3a6ac0; /* Medium blue hover state */
  --gdkc-dark-medium-blue: #3056a0;   /* Dark medium blue button state */
  --gdkc-medium-blue-gradient-start: #578eee; /* Medium blue gradient start */
  --gdkc-medium-blue-gradient-end: #4a7ad4; /* Medium blue gradient end */
  
  --gdkc-light-blue-darkened: #8ab3f0; /* Light blue hover state */
  --gdkc-dark-light-blue: #75a0e0;    /* Dark light blue button state */
  --gdkc-light-blue-gradient-start: #b5d5ff; /* Light blue gradient start */
  --gdkc-light-blue-gradient-end: #95b8ea; /* Light blue gradient end */
  
  --gdkc-soft-lilac-darkened: #e5d0f5; /* Soft lilac hover state */
  --gdkc-dark-soft-lilac: #d9c0eb;    /* Dark soft lilac button state */
  --gdkc-soft-lilac-gradient-start: #f8eaff; /* Soft lilac gradient start */
  --gdkc-soft-lilac-gradient-end: #e9d5f8; /* Soft lilac gradient end */
  
  --gdkc-pink-darkened: #ff60ad;      /* Pink hover state */
  --gdkc-dark-pink: #FF8A9E;          /* Dark pink button state */
  --gdkc-pink-gradient-start: #ff7ec0; /* Pink gradient start */
  --gdkc-pink-gradient-end: #ff60ad;  /* Pink gradient end */
  
  --gdkc-electric-purple-darkened: #8035E8; /* Electric purple hover state */
  --gdkc-dark-electric-purple: #6B25D9; /* Dark electric purple button state */
  --gdkc-electric-purple-gradient-start: #A555FF; /* Electric purple gradient start */
  --gdkc-electric-purple-gradient-end: #8035E8; /* Electric purple gradient end */
  
  /* Functional Colors - Aligned with Brand */
  --gdkc-success: #07edbe;            /* Success Teal - Using brand teal */
  --gdkc-info: #477ed6;               /* Info Blue - Using brand medium blue */
  --gdkc-warning: #a08cff;            /* Warning - Using brand light purple */
  --gdkc-danger: #ff7ec0;             /* Danger - Using brand pink */
  
  /* Alpha Variants - Organized by opacity level */
  /* 5% Alpha - Extra light backgrounds */
  --gdkc-blue-alpha-05: rgba(44, 41, 119, 0.05); /* Primary blue with 5% opacity */
  --gdkc-dark-blue-alpha-05: rgba(44, 41, 119, 0.05); /* Deprecated alias: Use --gdkc-blue-alpha-05 instead */
  --gdkc-light-purple-alpha-05: rgba(160, 140, 255, 0.05);
  --gdkc-teal-alpha-05: rgba(7, 237, 190, 0.05);
  --gdkc-medium-blue-alpha-05: rgba(71, 126, 214, 0.05);
  --gdkc-light-blue-alpha-05: rgba(160, 199, 255, 0.05);
  --gdkc-soft-lilac-alpha-05: rgba(241, 224, 255, 0.05);
  --gdkc-pink-alpha-05: rgba(255, 126, 192, 0.05);
  --gdkc-electric-purple-alpha-05: rgba(153, 69, 255, 0.05);
  
  /* 10% Alpha - Light backgrounds */
  --gdkc-blue-alpha-10: rgba(44, 41, 119, 0.1); /* Primary blue with 10% opacity */
  --gdkc-dark-blue-alpha-10: rgba(44, 41, 119, 0.1); /* Deprecated alias: Use --gdkc-blue-alpha-10 instead */
  --gdkc-light-purple-alpha-10: rgba(160, 140, 255, 0.1);
  --gdkc-teal-alpha-10: rgba(7, 237, 190, 0.1);
  --gdkc-medium-blue-alpha-10: rgba(71, 126, 214, 0.1);
  --gdkc-light-blue-alpha-10: rgba(160, 199, 255, 0.1);
  --gdkc-soft-lilac-alpha-10: rgba(241, 224, 255, 0.1);
  --gdkc-pink-alpha-10: rgba(255, 126, 192, 0.1);
  --gdkc-electric-purple-alpha-10: rgba(153, 69, 255, 0.1);
  
  /* 15% Alpha - Medium-light backgrounds */
  --gdkc-blue-alpha-15: rgba(44, 41, 119, 0.15); /* Primary blue with 15% opacity */
  --gdkc-dark-blue-alpha-15: rgba(44, 41, 119, 0.15); /* Deprecated alias: Use --gdkc-blue-alpha-15 instead */
  --gdkc-light-purple-alpha-15: rgba(160, 140, 255, 0.15);
  --gdkc-teal-alpha-15: rgba(7, 237, 190, 0.15);
  --gdkc-medium-blue-alpha-15: rgba(71, 126, 214, 0.15);
  --gdkc-light-blue-alpha-15: rgba(160, 199, 255, 0.15);
  --gdkc-soft-lilac-alpha-15: rgba(241, 224, 255, 0.15);
  --gdkc-pink-alpha-15: rgba(255, 126, 192, 0.15);
  --gdkc-electric-purple-alpha-15: rgba(153, 69, 255, 0.15);
  
  /* 20% Alpha - Medium backgrounds */
  --gdkc-blue-alpha-20: rgba(44, 41, 119, 0.2); /* Primary blue with 20% opacity */
  --gdkc-dark-blue-alpha-20: rgba(44, 41, 119, 0.2); /* Deprecated alias: Use --gdkc-blue-alpha-20 instead */
  --gdkc-light-purple-alpha-20: rgba(160, 140, 255, 0.2);
  --gdkc-teal-alpha-20: rgba(7, 237, 190, 0.2);
  --gdkc-medium-blue-alpha-20: rgba(71, 126, 214, 0.2);
  --gdkc-light-blue-alpha-20: rgba(160, 199, 255, 0.2);
  --gdkc-soft-lilac-alpha-20: rgba(241, 224, 255, 0.2);
  --gdkc-pink-alpha-20: rgba(255, 126, 192, 0.2);
  --gdkc-electric-purple-alpha-20: rgba(153, 69, 255, 0.2);
  
  /* 50% Alpha - Strong backgrounds and overlays */
  --gdkc-blue-alpha-50: rgba(44, 41, 119, 0.5); /* Primary blue with 50% opacity */
  --gdkc-dark-blue-alpha-50: rgba(44, 41, 119, 0.5); /* Deprecated alias: Use --gdkc-blue-alpha-50 instead */
  --gdkc-light-purple-alpha-50: rgba(160, 140, 255, 0.5);
  --gdkc-teal-alpha-50: rgba(7, 237, 190, 0.5);
  --gdkc-medium-blue-alpha-50: rgba(71, 126, 214, 0.5);
  --gdkc-light-blue-alpha-50: rgba(160, 199, 255, 0.5);
  --gdkc-soft-lilac-alpha-50: rgba(241, 224, 255, 0.5);
  --gdkc-pink-alpha-50: rgba(255, 126, 192, 0.5);
  --gdkc-electric-purple-alpha-50: rgba(153, 69, 255, 0.5);
}

/* Color Classes */
.gdkc-color-blue, .gdkc-color-dark-blue { color: var(--gdkc-blue); } /* .gdkc-color-dark-blue is deprecated */
.gdkc-color-light-purple { color: var(--gdkc-light-purple); }
.gdkc-color-teal { color: var(--gdkc-teal); }
.gdkc-color-medium-blue { color: var(--gdkc-medium-blue); }
.gdkc-color-light-blue { color: var(--gdkc-light-blue); }
.gdkc-color-soft-lilac { color: var(--gdkc-soft-lilac); }
.gdkc-color-pink { color: var(--gdkc-pink); }
.gdkc-color-electric-purple { color: var(--gdkc-electric-purple); }

/* Background Color Classes */
.gdkc-bg-blue, .gdkc-bg-dark-blue { background-color: var(--gdkc-blue); } /* .gdkc-bg-dark-blue is deprecated */
.gdkc-bg-light-purple { background-color: var(--gdkc-light-purple); }
.gdkc-bg-teal { background-color: var(--gdkc-teal); }
.gdkc-bg-medium-blue { background-color: var(--gdkc-medium-blue); }
.gdkc-bg-light-blue { background-color: var(--gdkc-light-blue); }
.gdkc-bg-soft-lilac { background-color: var(--gdkc-soft-lilac); }
.gdkc-bg-pink { background-color: var(--gdkc-pink); }
.gdkc-bg-electric-purple { background-color: var(--gdkc-electric-purple); }

/* Functional Background Classes */
.gdkc-bg-success { background-color: var(--gdkc-success); }
.gdkc-bg-info { background-color: var(--gdkc-info); }
.gdkc-bg-warning { background-color: var(--gdkc-warning); }
.gdkc-bg-danger { background-color: var(--gdkc-danger); }

/* Color Gradients */
/* Brand Linear Gradients */
.gdkc-gradient-primary {
  background: linear-gradient(135deg, #473aae 0%, #392e8e 35%, #271f68 65%, #171243 100%);
}

.gdkc-gradient-secondary {
  background: linear-gradient(135deg, 
    var(--gdkc-teal) 0%, 
    rgba(7, 200, 230, 1) 40%, /* Mid-teal blue transition point */
    var(--gdkc-medium-blue) 100%);
}

.gdkc-gradient-purple-pink {
  background: linear-gradient(135deg, 
    var(--gdkc-light-purple) 0%, 
    #c77dff 50%, /* Vibrant mid-purple */
    var(--gdkc-pink) 100%);
}

.gdkc-gradient-cosmic {
  background: linear-gradient(135deg, 
    var(--gdkc-electric-purple) 0%, 
    #5a3bbd 50%, /* Rich purple midpoint */
    var(--gdkc-blue) 100%);
}

.gdkc-gradient-teal {
  background: linear-gradient(135deg, 
    var(--gdkc-teal) 0%,
    var(--gdkc-light-purple) 100%);
}

.gdkc-gradient-pastel {
  background: linear-gradient(135deg, 
    var(--gdkc-soft-lilac) 0%, 
    rgba(220, 230, 255, 1) 50%, /* Soft blue-lilac midpoint */
    var(--gdkc-light-blue) 100%);
}
/* Animated Gradients */

/* Soft Pastel Gradient */
.gdkc-mesh-gradient {
  background: linear-gradient(90deg, 
    var(--gdkc-soft-lilac) 0%,
    var(--gdkc-light-blue) 100%);
  background-size: 400% 100%;
  animation: linearGradientShift 6s ease infinite;
}

/* Brand Spectrum Gradient */
.gdkc-aurora-gradient {
  background: linear-gradient(90deg, 
    var(--gdkc-light-purple) 0%,
    var(--gdkc-teal) 100%);
  background-size: 300% 100%;
  animation: linearGradientShift 6s ease-in-out infinite;
}

/* Cosmic Spectrum Gradient */
.gdkc-cosmic-gradient {
  background: linear-gradient(90deg, 
    var(--gdkc-blue) 0%,
    var(--gdkc-electric-purple) 50%,
    var(--gdkc-pink) 100%);
  background-size: 300% 100%;
  animation: linearGradientShift 8s ease-in-out infinite;
}

/* Linear Animation */
@keyframes linearGradientShift {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}