/*
Theme Name: Membuat
Theme URI: https://membuat.net/
Author: Membuat Team
Author URI: https://membuat.net/
Description: A modern, lightweight, fast, and SEO-optimized online tools WordPress theme designed for high-performance utility platforms. Built with PHP 8.3, vanilla JS, accessible semantic HTML5, and rich schema markup.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: membuat
Tags: tools, utility, blog, grid-layout, custom-menu, custom-logo, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* ==========================================================================
   Membuat Theme Base & Core CSS Variables
   (Detailed modular stylesheets are enqueued from assets/css/)
   ========================================================================== */

:root {
	/* Brand Colors */
	--membuat-primary: #2563eb;
	--membuat-primary-hover: #1d4ed8;
	--membuat-primary-light: #eff6ff;
	--membuat-primary-border: #bfdbfe;

	/* Neutral / Grayscale */
	--membuat-text: #0f172a;
	--membuat-text-muted: #64748b;
	--membuat-text-subtle: #94a3b8;
	--membuat-background: #f8fafc;
	--membuat-surface: #ffffff;
	--membuat-surface-hover: #f1f5f9;
	--membuat-border: #e2e8f0;
	--membuat-border-focus: #3b82f6;

	/* Semantic States */
	--membuat-success: #059669;
	--membuat-success-bg: #ecfdf5;
	--membuat-success-border: #a7f3d0;
	--membuat-warning: #d97706;
	--membuat-warning-bg: #fffbeb;
	--membuat-warning-border: #fde68a;
	--membuat-danger: #dc2626;
	--membuat-danger-bg: #fef2f2;
	--membuat-danger-border: #fecaca;

	/* Typography */
	--membuat-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--membuat-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--membuat-line-height: 1.6;
	--membuat-line-height-heading: 1.25;

	/* Spacing & Layout */
	--membuat-container: 1240px;
	--membuat-container-narrow: 840px;
	--membuat-container-padding: 1.5rem;
	--membuat-radius-sm: 6px;
	--membuat-radius-md: 10px;
	--membuat-radius-lg: 16px;
	--membuat-radius-full: 9999px;

	/* Elevation / Shadows */
	--membuat-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--membuat-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
	--membuat-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
	--membuat-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);

	/* Transitions */
	--membuat-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--membuat-transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}