/*
Theme Name: ProtoMake
Theme URI: https://protomake.ai
Author: ProtoMake
Author URI: https://protomake.ai
Description: Custom block theme for protomake.ai. Dark navy + cyan/violet/mint brand palette, full-site editing, brand-aware block patterns for hero, how-it-works, audiences, and waitlist sections.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: protomake
Tags: full-site-editing, block-patterns, one-column, dark-mode, custom-colors, custom-logo, editor-style
*/

/* Most styling is handled in theme.json. Anything that the block editor
   can't express cleanly lives here. */

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: rgba(34, 211, 238, 0.35);
  color: #ffffff;
}

.gradient-text {
  background: linear-gradient(90deg, #22d3ee 0%, #a78bfa 60%, #10d9a0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid #1e2747;
  background: rgba(255, 255, 255, 0.05);
  font-size: 12px;
  color: #8a93a6;
}

.brand-pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10d9a0;
  display: inline-block;
}

.brand-glow {
  position: relative;
}

.brand-glow::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(34, 211, 238, 0.18), transparent 70%),
    radial-gradient(40% 40% at 90% 30%, rgba(167, 139, 250, 0.18), transparent 70%);
}

.button-cyan a,
.wp-block-button.button-cyan .wp-block-button__link {
  background: #22d3ee;
  color: #0b1020;
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 600;
  border: none;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.35),
    0 10px 40px -10px rgba(34, 211, 238, 0.45);
  transition: filter 150ms ease;
}

.button-cyan a:hover,
.wp-block-button.button-cyan .wp-block-button__link:hover {
  filter: brightness(1.1);
}

.button-ghost a,
.wp-block-button.button-ghost .wp-block-button__link {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #1e2747;
  color: #e6eaf2;
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 500;
}