/*
Theme Name: Zajmij.to Theme
Description: Customowy motyw WordPress dla strony produktowej zajmij.to - systemu rezerwacji obiektów sportowych
Author: WordPress Developer
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.1
License: GPL v2 or later
Text Domain: zajmijto-theme
*/

/* CSS Variables zgodnie z PRD */
:root {
  /* Kolory główne */
  --primary-green: #4ECDC4;
  --primary-blue: #45B7D1;
  --accent-orange: #FFA07A;
  
  /* Neutralne */
  --white: #FFFFFF;
  --light-gray: #F8F9FA;
  --medium-gray: #6C757D;
  --dark-gray: #343A40;
  
  /* Semantyczne */
  --success: #28A745;
  --warning: #FFC107;
  --error: #DC3545;
  --info: #17A2B8;
  
  /* Typografia */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-secondary: 'Poppins', sans-serif;
  
  /* Rozmiary tekstu */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  
  /* Breakpoints */
  --mobile: 320px;
  --tablet: 768px;
  --desktop: 1024px;
  --wide: 1280px;
  --ultra-wide: 1536px;
  
  /* Animacje */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;
}

/* Reset i podstawowe style */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  line-height: 1.6;
  color: var(--dark-gray);
  background-color: var(--white);
}

/* Utility classes */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Lazy loading placeholder */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity var(--duration-normal) var(--ease-out);
}

img[loading="lazy"].loaded {
  opacity: 1;
}