/*
Theme Name: BlogBase
Theme URI: https://example.com/blogbase
Author: Yash
Author URI: https://example.com
Description: A minimalist, distraction-free WordPress theme inspired by Medium.com. Built with Tailwind CSS via CDN and Vanilla JS for a friction-free reading experience. True pitch-black Dark Mode.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogbase
Tags: blog, one-column, custom-colors, custom-menu, featured-images, flexible-header, translation-ready, dark-theme, minimalist
*/

/* Core WordPress CSS fallbacks */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.alignwide { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: #6b7280; font-style: italic; margin-top: 0.5rem; }
.gallery-caption { text-align: center; }

/* Hide Screen Readers */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Custom properties for JS and system themes interactions if needed */
:root {
	--bg-primary: #ffffff;
	--text-primary: #111827;
}

.dark {
	--bg-primary: #000000;
	--text-primary: #f3f4f6;
}

/* Base body styles ensuring exact bg */
body {
	background-color: var(--bg-primary);
	color: var(--text-primary);
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* Base Gutenberg Block Styles fallback */
figure.wp-block-image {
    margin: 2rem 0;
}
figure.wp-block-image img {
    border-radius: 0.375rem;
}
blockquote.wp-block-quote {
    border-left: 4px solid #111827;
    padding-left: 1rem;
    font-size: 1.25rem;
    font-style: italic;
    color: #4b5563;
}
.dark blockquote.wp-block-quote {
    border-left-color: #f3f4f6;
    color: #9ca3af;
}

/* Responsive Table wrappers */
.wp-block-table {
    overflow-x: auto;
}
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}
.wp-block-table th, .wp-block-table td {
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
}
.dark .wp-block-table th, .dark .wp-block-table td {
    border-color: #374151;
}