:root { --ppw-brand: #0f5c63; --ppw-brand-deep: #0a464c; --ppw-brand-hover: #0b494f; --ppw-brand-2: #2f7880; --ppw-brand-soft: #e3eff0; --ppw-brand-050: #f6fafa; --ppw-accent-gold: #b39a67; --ppw-accent-gold-light: #d3b67e; --ppw-accent-gold-pale: #f1ddb1; --ppw-accent: #507c7f; --ppw-accent-light: #75a2a6; --ppw-cta: #0f5c63; --ppw-cta-hover: #0a545a; --ppw-cta-text: #ffffff; --ppw-bg: #ffffff; --ppw-bg-alt: #f6fafa; --ppw-surface: #ffffff; --ppw-surface-alt: #eef4f5; --ppw-text: #111827; --ppw-heading: #0c2731; --ppw-muted: #4a6168; --ppw-border: #d4e1e3; --ppw-border-strong:#c1d6d9; --ppw-shadow-sm: 0 4px 12px rgba(7,24,28,.06); --ppw-shadow-md: 0 14px 32px rgba(7,24,28,.10); --ppw-shadow-lg: 0 18px 40px rgba(7,24,28,.16); --ppw-success: #1f7a4d; --ppw-warning: #8a5410; --ppw-danger: #b32d2e; --ppw-news: #b02f47; --ppw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ppw-font-head: var(--ppw-font); --ppw-h1: clamp(2.0rem, 1.4rem + 3.0vw, 3.25rem); --ppw-h2: clamp(1.6rem, 1.2rem + 2.0vw, 2.40rem); --ppw-h3: clamp(1.3rem, 1.05rem + 1.2vw, 1.75rem); --ppw-h4: clamp(1.15rem, 1.0rem + .7vw, 1.40rem); --ppw-body: clamp(1.0rem, .96rem + .2vw, 1.075rem); --ppw-small:.875rem; --ppw-lh-tight: 1.15; --ppw-lh-body: 1.65; --ppw-fw-medium: 600; --ppw-fw-bold: 700; --ppw-space-1: 4px; --ppw-space-2: 8px; --ppw-space-3: 12px; --ppw-space-4: 16px; --ppw-space-5: 24px; --ppw-space-6: 32px; --ppw-space-7: 48px; --ppw-space-8: 64px; --ppw-space-section: clamp(48px, 7vw, 88px); --ppw-container: 1240px; --ppw-radius-sm: 10px; --ppw-radius: 14px; --ppw-radius-lg: 20px; --ppw-radius-pill: 999px; --ppw-transition: 180ms cubic-bezier(.4,0,.2,1); --ppw-lift: translateY(-3px); } .pp-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--ppw-space-2); padding: 12px 22px; min-height: 48px; border: 1px solid transparent; border-radius: var(--ppw-radius-sm); font: inherit; font-weight: var(--ppw-fw-medium); line-height: 1.15; text-decoration: none; cursor: pointer; transition: transform var(--ppw-transition), box-shadow var(--ppw-transition), background-color var(--ppw-transition), border-color var(--ppw-transition), color var(--ppw-transition); } .pp-btn:focus-visible { outline: 3px solid var(--ppw-brand); outline-offset: 3px; } .pp-btn--primary { background: linear-gradient(135deg, var(--ppw-brand), var(--ppw-brand-2)); color: #fff; box-shadow: var(--ppw-shadow-sm); } .pp-btn--primary:hover { color: var(--ppw-cta-text); transform: var(--ppw-lift); box-shadow: var(--ppw-shadow-md); background: linear-gradient(135deg, var(--ppw-brand-hover), var(--ppw-brand)); } .pp-btn--secondary { background: var(--ppw-brand-deep); color: #fff; } .pp-btn--secondary:hover { color: var(--ppw-cta-text); transform: var(--ppw-lift); box-shadow: var(--ppw-shadow-sm); background: var(--ppw-brand-hover); } .pp-btn--ghost { background: transparent; color: var(--ppw-brand); border-color: var(--ppw-border-strong); } .pp-btn--ghost:hover { border-color: var(--ppw-brand); background: var(--ppw-brand-soft); transform: var(--ppw-lift); } .pp-btn--lg { padding: 15px 30px; font-size: 1.05rem; } .pp-btn--block { display: flex; width: 100%; } :root { --wpforms-button-background-color: #0f5c63; --wpforms-button-background-color-alt: #0b494f; --wpforms-page-break-color: #0f5c63; } @media (prefers-reduced-motion: reduce) { .pp-btn { transition: none; } .pp-btn:hover { transform: none; } } body a { color: var(--ppw-brand); } body a:hover, body a:active { color: var(--ppw-brand-deep); text-decoration: underline; } [type="button"], [type="submit"], button { white-space: normal; }