/*
Theme Name: Softerizer
Theme URI: https://softerize.example.com
Author: You
Author URI: https://example.com
Description: A modern, responsive, SEO-optimized, and lightweight WordPress theme with clean structure, Gutenberg & WooCommerce compatibility, dark mode, and accessibility baked in.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: softerizer
Tags: blog, custom-logo, custom-menu, one-column, two-columns, grid-layout, accessibility-ready, rtl-language-support, translation-ready, editor-style, featured-images, theme-options, e-commerce, flexible-header
*/

/* NOTE:
   - This file must exist with the header above so WordPress recognizes the theme.
   - We keep only minimal base styles here and load the main stylesheet from /assets/css/main.css via functions.php.
*/

/* Base reset and helpers kept minimal here */
:root {
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

  /* Light palette (can be overridden by the Customizer and dark mode) */
  --color-bg: #ffffff;
  --color-text: #1f2937; /* slate-800 */
  --color-muted: #6b7280; /* gray-500 */
  --color-primary: #7068f4; /* pastel-indigo */
  --color-accent: #12b981;  /* teal-500 */
  --color-border: #e5e7eb;  /* gray-200 */

  --radius: 14px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --container: 1200px;
  --base-font-size: 16px; /* Customizer can adjust */
}

html { font-size: var(--base-font-size); }
body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--color-primary); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

img { max-width: 100%; height: auto; }

/* Utility container to avoid left-right imbalance and keep consistent gutters */
.container {
  width: min(100% - 2rem, var(--container));
  margin-inline: auto;
}

/* Screen reader text / accessibility helpers */
.screen-reader-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f0f0f0;
  clip: auto !important;
  clip-path: none !important;
  color: #000;
  display: block;
  font-size: 1rem;
  height: auto;
  left: 0.5rem;
  line-height: normal;
  padding: 1rem;
  text-decoration: none;
  top: 0.5rem;
  width: auto;
  z-index: 100000; /* Above WP admin bar */
}