/*
Theme Name: DevOps CloudRox
Theme URI: https://devops.cloudrox.in
Author: CloudRox
Author URI: https://devops.cloudrox.in
Description: A modern, premium, lightweight, SEO-optimized WordPress theme built for DevOps.CloudRox.in — a DevOps learning platform. Designed for fast performance, clean typography, AdSense-friendly layout, and full compatibility with Rank Math, Yoast SEO, Gutenberg, Elementor, and standard caching/security plugins.
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: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devops-cloudrox
Tags: blog, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles

This is the root stylesheet. It intentionally only carries the required
WordPress theme header + CSS custom properties. All layout/component
styles live in assets/css/main.css so the file is easy to cache and split.
*/

:root {
  /* Brand palette */
  --color-bg: #ffffff;
  --color-bg-alt: #f6f9fc;
  --color-text: #1a2233;
  --color-text-muted: #5b6b82;
  --color-accent: #2563eb;      /* primary blue */
  --color-accent-dark: #1d4ed8;
  --color-accent-light: #eaf1ff;
  --color-border: #e6ebf2;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-danger: #dc2626;

  /* Radius / shadow */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 20px 48px rgba(16, 24, 40, 0.12);

  /* Type */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Layout */
  --container-width: 1200px;
  --header-height: 76px;
}

[data-theme="dark"] {
  --color-bg: #0f1521;
  --color-bg-alt: #161d2c;
  --color-text: #e6ecf5;
  --color-text-muted: #9aa8bd;
  --color-accent: #4d8dff;
  --color-accent-dark: #6ea3ff;
  --color-accent-light: #16233d;
  --color-border: #232d40;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.5);
}