/*
Theme Name: CipherForge Password Toolkit
Theme URI: https://example.com/cipherforge-password-toolkit
Author: CipherForge
Author URI: https://example.com
Description: A premium, responsive, privacy-first Password Generator WordPress theme with password history, name-based password suggestions, strength checker, passphrase generator, username generator, secure PIN generator, educational blog content, dark/light mode, and embedded SVG cybersecurity artwork.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: cipherforge-password-toolkit
Tags: one-column, custom-colors, custom-logo, featured-images, full-width-template, accessibility-ready, blog
*/

/* Generic WordPress fallback pages. The premium toolkit page includes its own scoped UI. */
:root {
  --cf-primary: #7c3aed;
  --cf-accent: #0ee8a4;
  --cf-cyan: #34d6ff;
  --cf-bg: #050b14;
  --cf-text: #f4f8ff;
  --cf-muted: #98a9c2;
}

.cf-wp-shell {
  min-height: 100vh;
  margin: 0;
  color: var(--cf-text);
  background: radial-gradient(circle at 10% 0%, rgba(124,58,237,.2), transparent 30rem), var(--cf-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cf-wp-container {
  width: min(calc(100% - 32px), 1080px);
  margin-inline: auto;
}

.cf-wp-header,
.cf-wp-footer {
  border-color: rgba(164,190,224,.15);
  background: rgba(5,11,20,.9);
}

.cf-wp-header { border-bottom: 1px solid rgba(164,190,224,.15); }
.cf-wp-footer { border-top: 1px solid rgba(164,190,224,.15); }

.cf-wp-header-inner,
.cf-wp-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: 20px;
}

.cf-wp-brand {
  color: var(--cf-text);
  text-decoration: none;
  font-weight: 900;
  font-size: 1.15rem;
}

.cf-wp-content {
  padding: 72px 0;
}

.cf-wp-article {
  padding: clamp(22px, 5vw, 48px);
  border: 1px solid rgba(164,190,224,.15);
  border-radius: 24px;
  background: rgba(14,27,47,.8);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.cf-wp-article a { color: var(--cf-accent); }
.cf-wp-article img { max-width: 100%; height: auto; }
.cf-wp-footer { color: var(--cf-muted); }