/*
Theme Name: Biofiltro
Theme URI: https://github.com/ibrahim/biofiltro-wp-theme
Author: Ibrahim Lopez
Author URI: https://github.com/ibrahim
Description: Tema minimalista, profesional, personalizable y accesible para el proyecto comunitario de biofiltros y reutilización de aguas grises en el hogar. Diseñado para divulgar y capacitar sobre la construcción de biofiltros caseros para mitigar el desabasto de agua.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biofiltro
Domain Path: /languages
Tags: block-patterns, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, theme-options, translation-ready
*/

/* ==========================================================================
	Root CSS Custom Properties (Theme Design System - Claymorphism & Education Platform)
	========================================================================== */
:root {
	/* Educational Platform Palette (uupm.cc/demo/educational-platform) */
	--color-primary: #fdbcb4;
	--color-primary-dark: #f5a69d;
	--color-secondary: #add8e6;
	--color-secondary-dark: #8bc4d6;
	--color-cta: #15803d;
	--color-cta-hover: #166534;
	--color-cta-dark: #14532d;
	--color-accent-purple: #e6e6fa;
	--color-accent-mint: #98ff98;
	--color-warning: #b45309;
	--color-warning-light: #fef3c7;
	--color-bg: #fff9f5;
	--color-bg-cream: #fff9f5;
	--color-surface: #ffffff;
	--color-border: #e2e8f0;
	--color-border-dark: #2d3748;
	--color-text-main: #2d3748;
	--color-text-muted: #64748b;
	--color-text-inverse: #ffffff;
	--color-focus: #16a34a;

	/* Semantic Aliases for compatibility */
	--primary: var(--color-primary);
	--primary-dark: var(--color-primary-dark);
	--secondary: var(--color-secondary);
	--secondary-dark: var(--color-secondary-dark);
	--cta: var(--color-cta);
	--cta-dark: var(--color-cta-dark);
	--accent-purple: var(--color-accent-purple);
	--accent-mint: var(--color-accent-mint);
	--bg: var(--color-surface);
	--bg-cream: var(--color-bg-cream);
	--text: var(--color-text-main);
	--text-muted: var(--color-text-muted);
	--border: var(--color-border);

	/* Typography (Fredoka for Headings + Nunito for Body/UI) */
	--font-family-sans: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-family-heading: "Fredoka", "Nunito", system-ui, sans-serif;
	--font-size-base: 1rem; /* 16px */
	--line-height-base: 1.6;

	/* Claymorphism Geometry & Radius (Faithful to reference demo) */
	--radius-clay-card: 1.5rem; /* 24px */
	--radius-clay-btn: 1rem; /* 16px */
	--radius-clay-pill: 9999px;
	--radius-lg: 1rem;
	--radius-md: 0.75rem;
	--radius-sm: 0.5rem;
	--radius-full: 9999px;

	/* Claymorphic Shadows from reference demo */
	--shadow-clay-card: 6px 6px 0 var(--color-text-main), inset 0 -4px 0 rgba(0, 0, 0, 0.1);
	--shadow-clay-card-hover: 4px 4px 0 var(--color-text-main), inset 0 -4px 0 rgba(0, 0, 0, 0.1);
	--shadow-soft-clay: 0 8px 30px rgba(0, 0, 0, 0.08), inset 0 -4px 0 rgba(0, 0, 0, 0.05);
	--shadow-clay-btn: 4px 4px 0 var(--color-text-main);
	--shadow-clay-btn-hover: 2px 2px 0 var(--color-text-main);
	--shadow-clay-btn-active: 0 0 0 var(--color-text-main);

	/* Structural Borders */
	--border-clay: 3px solid var(--color-text-main);
	--border-clay-subtle: 2px solid var(--color-text-main);

	/* Standard Soft Shadows */
	--shadow-sm: 0 1px 2px 0 rgba(45, 55, 72, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(45, 55, 72, 0.07);
	--shadow-lg: 0 10px 15px -3px rgba(45, 55, 72, 0.08);

	/* Spacing Scale (4/8px based) */
	--space-xs: 0.25rem;  /* 4px */
	--space-sm: 0.5rem;   /* 8px */
	--space-md: 1rem;     /* 16px */
	--space-lg: 1.5rem;   /* 24px */
	--space-xl: 2rem;     /* 32px */
	--space-2xl: 3rem;    /* 48px */
	--space-3xl: 4rem;    /* 64px */
	--space-4xl: 6rem;    /* 96px */

	/* Layout */
	--header-height: 5.5rem;
	--header-height-scrolled: 4.75rem;
	--container-max: 1240px;
	--container-narrow: 840px;
}