/*
Theme Name: PipNative
Theme URI: https://pluginpip.com/
Author: PluginPip Ltd
Author URI: https://pluginpip.com/
Description: AI-native WordPress block theme built for safe agent-driven site creation and normal human editing.
Version: 0.1.0
Requires at least: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: pipnative
*/

:root {
  --pipnative-canvas: #f5f7fb;
  --pipnative-surface: #ffffff;
  --pipnative-ink: #101828;
  --pipnative-muted: #667085;
  --pipnative-accent: #155eef;
  --pipnative-radius: 18px;
  --pipnative-shadow: 0 24px 70px rgba(16, 24, 40, 0.10);
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
.wp-site-blocks { min-height: 100vh; }

.pipnative-shell {
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--pipnative-accent) 14%, transparent), transparent 34rem),
    var(--pipnative-canvas);
}

.pipnative-hero {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--pipnative-radius) * 1.45);
  background: var(--pipnative-surface);
  box-shadow: var(--pipnative-shadow);
}

.pipnative-kicker {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .75rem;
  border: 1px solid color-mix(in srgb, var(--pipnative-accent) 28%, transparent);
  border-radius: 999px;
  color: var(--pipnative-accent);
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pipnative-card {
  height: 100%;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: var(--pipnative-radius);
  background: var(--pipnative-surface);
  box-shadow: 0 12px 36px rgba(16, 24, 40, .055);
}

.pipnative-card:hover {
  transform: translateY(-2px);
  transition: transform 160ms ease;
}

.pipnative-card a { text-decoration: none; }

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--pipnative-accent) 50%, white);
  outline-offset: 3px;
}