/*
Theme Name:  Wise4Life
Theme URI:   https://wise4life.in
Author:      Wise4Life Media Pvt. Ltd.
Author URI:  https://wise4life.in
Description: A premium editorial financial literacy theme for Wise4Life. Features include a live market ticker, sticky sidebar, Table of Contents for single posts, archives, categories, calendar widget, and legal page template. Designed for Indian personal finance blogs.
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wise4life
Tags:        blog, one-column, two-columns, right-sidebar, custom-menu, featured-images, footer-widgets, post-formats, sticky-post, threaded-comments, translation-ready
*/

/* ─────────────────────────────────────────
   CSS CUSTOM PROPERTIES (Design Tokens)
───────────────────────────────────────── */
:root {
    --ink:        #0d1117;
    --paper:      #f5f0e8;
    --gold:       #c9a84c;
    --gold-light: #e8d5a3;
    --forest:     #1a3a2a;
    --sage:       #4a7c59;
    --cream:      #fdf8f0;
    --muted:      #8a8070;
    --border:     #e0d8cc;
    --accent-red: #b85c38;
    --white:      #ffffff;

    --font-display: 'Playfair Display', Georgia, serif;
    --font-body:    'DM Sans', system-ui, sans-serif;
    --font-mono:    'DM Mono', 'Courier New', monospace;

    --radius: 0px;
    --transition: 0.2s ease;
    --max-width: 1200px;
    --content-width: 760px;
}

/* ─────────────────────────────────────────
   RESET & BASE
───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }

body {
    font-family: var(--font-body);
    background: var(--cream);
    color: var(--ink);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--sage); text-decoration: underline; text-underline-offset: 3px; transition: color var(--transition); }
a:hover { color: var(--forest); }
strong, b { font-weight: 600; }
em, i { font-style: italic; }

/* Accessibility */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}