/*
Theme Name: News24
Theme URI: https://example.com/news24
Author: News24 Team
Author URI: https://example.com
Description: A clean, modern, production-ready news/magazine WordPress theme with a two-column layout, Trending & Most Popular sidebar blocks, and an expandable READ MORE feature. Minimal design, fast, accessible and SEO friendly.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news24
Tags: news, blog, magazine, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*
 * The bulk of the theme's styling lives in assets/css/main.css.
 * This file provides the required WordPress theme header and a few
 * baseline/global rules used before main.css loads.
 */

:root {
    --n24-white: #ffffff;
    --n24-bg: #f8f9fa;
    --n24-text: #1a1a1a;
    --n24-text-soft: #333333;
    --n24-muted: #6b7280;
    --n24-accent: #0066cc;
    --n24-accent-dark: #0052a6;
    --n24-border: #e5e7eb;
}

html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background-color: var(--n24-white);
    color: var(--n24-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Accessibility: screen-reader-text (WordPress standard) */
.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: #eee;
    clip: auto !important;
    clip-path: none;
    color: #111;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}