/*
Theme Name: Gracefully Flourishing
Theme URI: https://gracefullyoverbooked.com/
Author: OpenAI for Gracefully Overbooked
Description: A bright, warm, Caribbean-inspired block theme for Gracefully Overbooked, using ivory, coral, baby blue, teal, purple, gold, and charcoal.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: gracefully-flourishing
*/

:root {
  --go-ivory: #FFF9F2;
  --go-coral: #FF6B6B;
  --go-blue: #A9D6E5;
  --go-teal: #0FA3B1;
  --go-purple: #7B2CBF;
  --go-gold: #F4B942;
  --go-charcoal: #2F2F35;
}

body { background: var(--go-ivory); }

.wp-block-button__link {
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(47,47,53,.12);
}

.go-rounded-card {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(47,47,53,.08);
}

.go-soft-section {
  border-radius: 34px;
  overflow: hidden;
}

.go-scallop-bottom,
.go-scallop-top {
  position: relative;
}
.go-scallop-bottom { margin-bottom: 34px; }
.go-scallop-top { margin-top: 34px; }

.go-scallop-bottom::after,
.go-scallop-top::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 34px;
  background-size: 68px 34px;
  background-repeat: repeat-x;
  pointer-events: none;
}
.go-scallop-bottom::after {
  bottom: -33px;
  background-image: radial-gradient(circle at 34px 0, currentColor 34px, transparent 35px);
}
.go-scallop-top::before {
  top: -33px;
  background-image: radial-gradient(circle at 34px 34px, currentColor 34px, transparent 35px);
}
.go-coral-scallop { color: var(--go-coral); }
.go-blue-scallop { color: var(--go-blue); }

.go-accent-purple { color: var(--go-purple); }
.go-accent-gold { color: var(--go-gold); }

.go-hero-overlay { position: relative; }
.go-hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,249,242,.97) 0%, rgba(255,249,242,.88) 42%, rgba(255,249,242,.10) 70%, rgba(255,249,242,0) 100%);
  pointer-events: none;
}
.go-hero-overlay > * { position: relative; z-index: 1; }