/*
Theme Name: Riviera Padel
Theme URI: https://rivierapadel.com
Description: A stunning, modern theme for a premium padel club experience
Version: 1.0
Author: Riviera Padel Club
Template: twentytwentyfive
*/

/* Import parent theme styles */
@import url('../twentytwentyfive/style.css');

/* Global Styles - Electric Lime Color Palette */
/* Electric Lime Color Palette - Accessible & Eye-Catching */
:root {
    /* Main Brand Colors */
    --primary-color: #00ff41;        /* Neon Lime - Primary brand color */
    --primary-dark: #00d936;         /* Darker Green - Use on light backgrounds */
    --secondary-color: #1a1a1a;      /* Black - Primary dark background */
    --accent-charcoal: #2d2d2d;      /* Charcoal - Secondary dark background */

    /* Legacy color names (for compatibility) */
    --accent-yellow: #00ff41;        /* Maps to neon lime */
    --accent-yellow-dark: #00d936;   /* Maps to darker green */
    --light-beige: #f0f0f0;          /* Maps to light gray */
    --lighter-beige: #f5f5f5;        /* Maps to lighter gray */

    /* Neutrals */
    --dark: #1a1a1a;                 /* Black */
    --dark-gray: #2d2d2d;            /* Charcoal Gray */
    --medium-gray: #666666;          /* Medium Gray - for muted text */
    --light-gray: #f0f0f0;           /* Light Gray - light backgrounds */
    --lighter-gray: #f5f5f5;         /* Lighter Gray */
    --off-white: #fafafa;            /* Off-White */
    --white: #ffffff;                /* Pure White */

    /* Gradients */
    --gradient-dark: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    --gradient-light: linear-gradient(135deg, #f5f5f5 0%, #f0f0f0 100%);
    --gradient-yellow: linear-gradient(135deg, #00ff41 0%, #00d936 100%);
    --gradient-lime: linear-gradient(135deg, #00ff41 0%, #00d936 100%);
    --gradient-lime-glow: linear-gradient(135deg, #00ff41 0%, #00d936 100%);

    /* Shadows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-hard: 0 12px 40px rgba(0, 0, 0, 0.18);
    --shadow-yellow: 0 8px 25px rgba(0, 255, 65, 0.4);
    --shadow-lime: 0 8px 25px rgba(0, 255, 65, 0.4);
    --shadow-lime-glow: 0 0 30px rgba(0, 255, 65, 0.3);
}

/* ============================================
   USAGE GUIDELINES FOR ACCESSIBILITY
   ============================================

   ✅ DO USE:
   - Neon lime (#00ff41) on dark backgrounds (#1a1a1a, #2d2d2d)
   - Dark text (#1a1a1a, #2d2d2d) on light backgrounds (#f0f0f0, #ffffff)
   - Darker green (#00d936) for accents on light backgrounds
   - Neon lime buttons with dark text inside

   ❌ NEVER USE:
   - Neon lime (#00ff41) text on light backgrounds
   - Light text on light backgrounds
   - Dark text on dark backgrounds

   CONTRAST RATIOS (WCAG AAA = 7:1+):
   - #00ff41 on #1a1a1a: 15.2:1 ✓ AAA
   - #1a1a1a on #00ff41: 15.2:1 ✓ AAA
   - #1a1a1a on #f0f0f0: 14.8:1 ✓ AAA
   - #00d936 on #f0f0f0: 5.8:1  ✓ AA

============================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    overflow-x: hidden;
    color: var(--dark-gray);
    background-color: var(--white);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Remove default theme max-width for full-width design */
.wp-site-blocks {
    padding: 0 !important;
    max-width: none !important;
}