/*
Theme Name: WMCN Tech Multilingual
Theme URI: https://example.com/themes/wmcn-tech
Author: WMCN Creative Lab
Author URI: https://example.com
Description: A lightweight, multilingual-ready 3C tech and gadget review theme optimized for speed, SEO, and seamless integration with WP AI Commenter, WP Multilingual, and WP Multilingual Sitemap plugins.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: wmcn-tech
Tags: blog, news, custom-logo, threaded-comments, translation-ready, responsive-layout, three-columns, accessibility-ready
*/

/* 
 * Minimal structural rules live here so WordPress can locate the stylesheet.
 * The bulk of the presentation layer is in assets/css/main.css to keep things modular.
 */

:root {
    --wmcn-primary: #00d8ff;
    --wmcn-primary-soft: rgba(0, 216, 255, 0.16);
    --wmcn-secondary: #0b1220;
    --wmcn-surface: #111a2e;
    --wmcn-surface-soft: rgba(31, 45, 73, 0.55);
    --wmcn-text: #f4f6fb;
    --wmcn-text-muted: rgba(244, 246, 251, 0.65);
    --wmcn-accent: #ff8a3d;
    --wmcn-border: rgba(255, 255, 255, 0.06);
    --wmcn-radius: 14px;
    --wmcn-transition: 0.3s ease;
    --wmcn-glow: 0 0 18px rgba(0, 216, 255, 0.55);
    color-scheme: dark;
}

body {
    background: radial-gradient(circle at top, #1a2742 0%, #050914 60%, #020309 100%);
    color: var(--wmcn-text);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.65;
    margin: 0;
    min-height: 100vh;
}

a {
    color: var(--wmcn-primary);
    text-decoration: none;
    transition: color var(--wmcn-transition), opacity var(--wmcn-transition);
}

a:hover,
a:focus {
    color: var(--wmcn-accent);
    opacity: 0.85;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-link {
    position: absolute;
    top: auto;
    left: -999px;
    z-index: 999;
    padding: 0.75rem 1.25rem;
    background: var(--wmcn-primary);
    color: #ffffff;
    border-radius: 999px;
    transition: transform var(--wmcn-transition);
}

.skip-link:focus {
    left: 1rem;
    transform: translateY(0.5rem);
}