/*
Theme Name: Cabo Integral Theme
Theme URI: https://cabointegral.org
Author: Cabo Integral
Author URI: https://cabointegral.org
Description: Servicios de Mantenimiento Integral en Cabo San Lucas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cabo-integral
Tags: custom-colors, custom-logo, editor-style, one-column, two-columns, custom-menu, featured-images
*/

/* Base tokens (mirrors src/index.css) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  --background: 210 20% 98%;
  --foreground: 210 20% 20%;

  --card: 0 0% 100%;
  --card-foreground: 210 20% 20%;

  --popover: 0 0% 100%;
  --popover-foreground: 210 20% 20%;

  --primary: 195 80% 72%;
  --primary-foreground: 210 20% 15%;

  --secondary: 200 60% 94%;
  --secondary-foreground: 210 20% 25%;

  --muted: 40 20% 95%;
  --muted-foreground: 210 10% 50%;

  --accent: 45 80% 78%;
  --accent-foreground: 35 40% 25%;

  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;

  --border: 200 20% 90%;
  --input: 200 20% 90%;
  --ring: 195 80% 72%;

  --radius: 0.75rem;

  --ocean: 195 80% 72%;
  --ocean-light: 195 100% 94%;
  --sky: 200 80% 88%;
  --sand: 40 30% 96%;
  --sand-warm: 45 80% 78%;
  --driftwood: 30 10% 75%;

  --font-display: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
}

html, body {
  padding: 0;
  margin: 0;
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

/* Small set of project-specific utilities from src/index.css */
.section-padding {
  padding: 5rem 1.5rem;
}
@media (min-width: 768px) {
  .section-padding { padding: 5rem 3rem; }
}
@media (min-width: 1024px) {
  .section-padding { padding: 7rem 6rem; }
}

.hover-lift {
  transition: transform 500ms ease-out, box-shadow 500ms ease-out;
}
.hover-lift:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

@keyframes fade-up {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.animate-fade-up { animation: fade-up 0.8s ease-out forwards; }
.animate-fade-in { animation: fade-in 1s ease-out forwards; }

/* WordPress content defaults (for pages/posts templates) */
.costa-content {
  max-width: 64rem;
  margin: 0 auto;
  padding: 7rem 1.5rem 5rem;
}
.costa-content a { color: hsl(var(--primary)); text-decoration: underline; }
.costa-content h1, .costa-content h2, .costa-content h3 { margin: 1.5rem 0 0.75rem; }
.costa-content p { line-height: 1.8; }