/*
Theme Name: Glezper Agaynda
Theme URI: https://agaynda.com
Description: Child theme for Agaynda — LGBT+ publication with mauve background, dark lavender text, and hot pink accents
Author: Christian González Pérez
Author URI: https://glezper.com
Template: glezper-media
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glezper-agaynda
*/

/* ============================================
   AGAYNDA BRAND COLORS
   Overrides parent theme custom properties
   ============================================ */

:root {
  /* Agaynda Brand Palette */
  --gm-background: #D4A0C0;           /* Mauve background */
  --gm-text: #2D1B2E;                 /* Very dark lavender - highly readable */
  --gm-text-light: #4A3548;           /* Lighter lavender for meta text */
  --gm-accent: #FF69B4;               /* Hot pink for links/CTAs */
  --gm-heading: #1A0F1B;              /* Even darker lavender for headings */
  --gm-border: rgba(42, 27, 46, 0.2); /* Dark lavender with transparency */
  --gm-primary: #D4A0C0;              /* Primary brand color */
  
  /* Card backgrounds - slightly lighter for contrast */
  --gm-card-bg: #E0B5D1;
  
  /* Optional: Custom fonts for Agaynda personality */
  /* Uncomment and replace with your chosen fonts
  --gm-font-body: 'Your Body Font', -apple-system, sans-serif;
  --gm-font-heading: 'Your Heading Font', Georgia, serif;
  */
}

/* ============================================
   CARD CUSTOMIZATION
   Lighter background for better readability
   ============================================ */

.gm-card {
  background-color: var(--gm-card-bg);
  border-color: var(--gm-border);
}

.gm-card:hover {
  box-shadow: 0 6px 16px rgba(26, 15, 27, 0.15);
}

/* ============================================
   HEADER CUSTOMIZATION
   ============================================ */

.site-header {
  background-color: var(--gm-background);
  border-bottom-color: var(--gm-border);
}

/* ============================================
   NAVIGATION HOVER STATES
   ============================================ */

.main-navigation a:hover {
  background-color: rgba(26, 15, 27, 0.08);
  color: var(--gm-accent);
}

/* ============================================
   LINK STYLES
   Hot pink accents with smooth transitions
   ============================================ */

a {
  color: var(--gm-accent);
  font-weight: 500; /* Slightly bolder for visibility on mauve */
}

a:hover {
  opacity: 0.85;
  text-decoration: underline;
}

/* ============================================
   CATEGORY BADGES
   ============================================ */

.gm-card-category {
  color: var(--gm-accent);
  background-color: rgba(255, 105, 180, 0.1);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-block;
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer {
  background-color: var(--gm-heading);
  border-top: 3px solid var(--gm-accent);
}

/* ============================================
   ACCESSIBILITY ENHANCEMENTS
   Ensure text contrast meets WCAG AA standards
   ============================================ */

/* Darken text on card backgrounds for better contrast */
.gm-card-content {
  color: var(--gm-text);
}

.gm-card-title a {
  color: var(--gm-heading);
  font-weight: 600;
}

/* ============================================
   MOBILE OPTIMIZATIONS
   Touch-friendly, fast-loading on mobile
   ============================================ */

@media (max-width: 640px) {
  /* Increase touch targets on mobile */
  .gm-card {
    padding: 0;
  }
  
  .gm-card-content {
    padding: 1.25rem;
  }
  
  /* Slightly larger text for mobile readability */
  body {
    font-size: 1.0625rem;
  }
}

/* ============================================
   CUSTOM AGAYNDA ADDITIONS
   Add any publication-specific styles below
   ============================================ */

/* Example: Special styling for featured posts */
.featured-post .gm-card {
  border: 2px solid var(--gm-accent);
  box-shadow: 0 4px 12px rgba(255, 105, 180, 0.2);
}

/* Example: Author byline styling */
.author-bio {
  background-color: var(--gm-card-bg);
  padding: var(--gm-spacing-md);
  border-radius: var(--gm-radius);
  margin-top: var(--gm-spacing-lg);
}