/*
Theme Name: MangaNelo
Theme URI: https://manganelo.org/
Author: MangaNelo Team
Author URI: https://manganelo.org/
Description: A modern, high-performance, tool-based WordPress theme for legal manga discovery, release tracking, reading progress management, and adaptation checks. Built with PHP 8.3, semantic HTML5, zero external dependencies, light-mode only design, and Core Web Vitals optimization.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manganelo
Domain Path: /languages
Tags: entertainment, news, blog, custom-header, custom-menu, featured-images, full-site-editing, threaded-comments, translation-ready, accessibility-ready, wide-blocks
*/

/* ==========================================================================
   MANGAMELO THEME CORE SYSTEM
   This file acts as the primary WordPress theme header and entry declaration.
   Modular styling is loaded via assets/css/main.css, components.css, and tools.css.
   ========================================================================== */

:root {
	--mn-color-primary: #e11d48;
	--mn-color-primary-hover: #be123c;
	--mn-color-primary-light: #ffe4e6;
	--mn-color-secondary: #0f172a;
	--mn-color-accent: #2563eb;
	--mn-color-accent-light: #eff6ff;
	--mn-color-bg: #f8fafc;
	--mn-color-surface: #ffffff;
	--mn-color-surface-alt: #f1f5f9;
	--mn-color-border: #e2e8f0;
	--mn-color-border-focus: #cbd5e1;
	--mn-color-text: #0f172a;
	--mn-color-text-muted: #64748b;
	--mn-color-text-light: #94a3b8;
	--mn-color-success: #16a34a;
	--mn-color-success-bg: #dcfce7;
	--mn-color-warning: #d97706;
	--mn-color-warning-bg: #fef3c7;
	--mn-color-danger: #dc2626;
	--mn-color-danger-bg: #fee2e2;

	--mn-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--mn-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--mn-container-width: 1280px;
	--mn-container-narrow: 860px;
	--mn-radius-sm: 6px;
	--mn-radius-md: 10px;
	--mn-radius-lg: 16px;
	--mn-radius-full: 9999px;

	--mn-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
	--mn-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
	--mn-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.03);
	--mn-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.03);

	--mn-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--mn-transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}