/*
Theme Name: vonba
Theme URI: https://vonba.net
Author: vonba
Author URI: https://vonba.net
Description: The vonba.net site theme — a block theme whose front page is the Beatalyzer marketing page. Light and dark, system fonts, no external requests.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vonba
*/

/* Page styles are scoped to .bz- classes; layout and typography come from theme.json. */

.bz-page { --bz-ink: #0f172a; --bz-muted: #475569; --bz-accent: #2563eb; --bz-teal: #0f9d8a;
           --bz-bg: #f8fafc; --bz-card: #ffffff; --bz-line: rgba(15, 23, 42, 0.08); }
@media (prefers-color-scheme: dark) {
  .bz-page { --bz-ink: #f1f5f9; --bz-muted: #cbd5e1; --bz-accent: #60a5fa; --bz-teal: #2dd4bf;
             --bz-bg: #0b1220; --bz-card: #111a2e; --bz-line: rgba(241, 245, 249, 0.10); }
}
.bz-page { color: var(--bz-ink); }
.bz-page p, .bz-page li { font-size: 1.05rem; line-height: 1.6; }
.bz-muted { color: var(--bz-muted); }

.bz-hero { background: radial-gradient(120% 90% at 20% 0%, #1e3a8a 0%, #0b1220 60%, #0b1220 100%);
           color: #fff; padding: 4rem 1.25rem; border-radius: 20px; }
.bz-hero h1 { font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1.05; margin: 0 0 .5rem; letter-spacing: -0.02em; }
.bz-hero .bz-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: .8rem; opacity: .8; margin: 0 0 1rem; }
.bz-hero .bz-lead { font-size: 1.2rem; max-width: 40ch; opacity: .92; }
.bz-hero .wp-block-image img { border-radius: 24%; box-shadow: 0 20px 60px rgba(0,0,0,.45); }

.bz-cta a.wp-block-button__link { border-radius: 999px; padding: .8rem 1.5rem; font-weight: 600; }
.bz-cta .bz-primary a.wp-block-button__link { background: #34d399; color: #062a1f; }
.bz-cta .bz-secondary a.wp-block-button__link { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); }

.bz-section { padding: 3rem 0 1rem; }
.bz-section h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); letter-spacing: -0.01em; margin: 0 0 .5rem; }
.bz-section > .bz-intro { max-width: 60ch; margin-bottom: 1.5rem; }

.bz-card { background: var(--bz-card); border: 1px solid var(--bz-line); border-radius: 16px; padding: 1.4rem; height: 100%; }
.bz-card h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.bz-card p { margin: 0; color: var(--bz-muted); font-size: 1rem; }
.bz-step { font-weight: 700; color: var(--bz-accent); letter-spacing: .1em; font-size: .8rem; text-transform: uppercase; display: block; margin-bottom: .4rem; }

.bz-score { background: linear-gradient(135deg, #0f172a, #1e3a8a); color: #fff; border-radius: 20px; padding: 2.5rem 1.5rem; }
.bz-score h2, .bz-score h3 { color: #fff; }
.bz-score .bz-big { font-size: clamp(3rem, 10vw, 5rem); font-weight: 800; line-height: 1; color: #93c5fd; margin: 0; }
.bz-score .bz-card { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.bz-score .bz-card p { color: #dbeafe; }

.bz-levels li { margin-bottom: .5rem; }
.bz-levels strong { color: var(--bz-teal); }

.bz-privacy { border-left: 4px solid var(--bz-teal); padding-left: 1rem; }
.bz-footer { text-align: center; padding: 2rem 0 0; color: var(--bz-muted); font-size: .95rem; }

/* Theme chrome */
.vb-header { padding-top: 1rem; padding-bottom: 1rem; }
.vb-footer { padding: 2rem 0 3rem; }
.bz-hero .bz-lead a { color: #fff; }