/*
Theme Name:        MideVibez
Theme URI:         https://midevibez.com
Author:             MideVibez
Author URI:         https://midevibez.com
Description:        A fast, accessible, magazine-style music/media download theme with featured grids, category sections, artist taxonomy, and an in-page audio player. Built mobile-first, Gutenberg-ready.
Version:            1.0.0
Requires at least:  6.4
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:        midevibez
Tags:                blog, music, entertainment, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready

MideVibez is distributed under the terms of the GNU GPL v2 or later.
*/

/* ==========================================================================
   Design Tokens (single source of truth — mirrored in theme.json)
   ========================================================================== */

:root {
	/* Brand */
	--color-accent: #d06a5b;
	--color-accent-rgb: 208, 106, 91;
	--color-accent-soft: rgba(var(--color-accent-rgb), 0.12);
	--color-accent-hover: #b85647;

	/* Light theme surface */
	--color-bg: #f9f6ed;
	--color-bg-alt: #f0ede4;
	--color-surface: #ffffff;
	--color-text: #1a1a1a;
	--color-text-muted: #666666;
	--color-text-faint: #999999;
	--color-border: rgba(0, 0, 0, 0.08);
	--color-border-soft: rgba(0, 0, 0, 0.06);
	--color-footer-bg: #1a1a1a;
	--color-footer-text: rgba(255, 255, 255, 0.55);

	/* Shadows */
	--shadow-sm: 0 1px 6px rgba(0, 0, 0, 0.07);
	--shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 6px 28px rgba(var(--color-accent-rgb), 0.25);
	--shadow-accent: 0 4px 20px rgba(var(--color-accent-rgb), 0.35);

	/* Radii */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 14px;
	--radius-xl: 18px;
	--radius-pill: 999px;

	/* Typography — per spec */
	--font-primary: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--fs-body: 16px;
	--fs-h1: 32px;
	--fs-h2: 28px;
	--fs-h3: 24px;
	--fs-h4: 20px;
	--fs-h5: 18px;
	--fs-h6: 16px;
	--fs-nav: 13px;
	--lh-body: 1.6;
	--lh-paragraph: 1.7;

	/* Layout */
	--container-max: 1280px;
	--content-max: 720px;
	--gutter: 22px;
	--header-h: 108px;

	color-scheme: light;
}