/*
Theme Name:        Case Converter Now
Theme URI:         https://caseconverternow.com
Author:            CaseConverterNow Team
Author URI:        https://caseconverternow.com
Description:       Ultra-fast 2.0, SEO-optimised, minimal WordPress theme for text-case utility tools. Designed for PageSpeed 100 / 95+ mobile.
Version:           2.0.0
Requires at least: 6.0
Tested up to:      6.5
Requires PHP:      8.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       ccn
Tags:              custom-menu, featured-images, threaded-comments, translation-ready, blog, one-column, two-columns, responsive-layout
*/

/* ─── CSS CUSTOM PROPERTIES ─── */
:root {
  --bg:          #f8f4ef;
  --bg-card:     #ffffff;
  --accent:      #e85d26;
  --accent-dark: #c44d1a;
  --accent-light:#fff0e8;
  --text:        #1f2933;
  --text-muted:  #6b7280;
  --border:      #e5e0d8;
  --radius-sm:   6px;
  --radius:      12px;
  --radius-lg:   20px;
  --shadow-sm:   0 1px 3px rgba(0,0,0,.06);
  --shadow:      0 4px 16px rgba(0,0,0,.08);
  --shadow-lg:   0 8px 32px rgba(0,0,0,.12);
  --font-sans:   'DM Sans', system-ui, sans-serif;
  --font-mono:   'DM Mono', 'Fira Mono', monospace;
  --max-w:       1200px;
  --max-w-text:  720px;
  --transition:  .2s ease;
}

/* ─── RESET & BASE ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  min-height: 100vh;
}

img, svg { display: block; max-width: 100%; height: auto; }
a { color: var(--accent); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent-dark); }
ul { list-style: none; }

/* ─── UTILITY ─── */
.container    { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 1.25rem; }
.container-sm { width: 100%; max-width: var(--max-w-text); margin: 0 auto; padding: 0 1.25rem; }
.sr-only      { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }