/*
Theme Name: Marginal
Author: Iftiar Hossain
Author URI: https://iftiarhossain.com
Description: A clean, modern block theme for writers and content-focused sites. Marginal pairs warm editorial colors with a wide, comfortable reading column and fluid typography for an excellent long-form reading experience.
Version: 0.1.1
Requires at least: 6.4
Tested up to: 7.0
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: marginal
Tags: blog, one-column, custom-colors, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks
*/

/**
 * This file is intentionally minimal.
 *
 * In a block theme, nearly all design decisions (color, typography, spacing,
 * layout) live in theme.json, not here. This file exists mainly to satisfy
 * WordPress's theme header requirement (the comment block above) and to hold
 * the small handful of styles that theme.json genuinely cannot express yet.
 *
 * Do not add layout or component styling here without a clear reason -- if
 * it can be expressed in theme.json, it belongs there, where it stays part
 * of the structured design system rather than becoming untracked raw CSS.
 */

/* Accessibility: visually hide text for screen readers only (skip links,
   "Continue reading" context, etc.) while keeping it in the accessibility
   tree. This utility class is a WordPress convention and is expected by
   several core block features. */
.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 !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--wp--preset--color--base, #faf6ef);
  color: var(--wp--preset--color--contrast, #2a2420);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-size: 1rem;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}