/* Ghost brand tokens, from unfairly.ai/brand-guidelines/ghost (checked 2026-10-30).
   Sizes, spacing and components were measured on https://docs.ghost.org/logos (Ghost's web-published guide (docs.ghost.org/logos and its raw .md), trademark policy v2.0 (14 Aug 2025), ghost.org marketing pages, and the open-source Shade design system (TryGhost/Ghost apps/shade at 866b27ea9a) for product UI tokens, fetched 2026-10-30).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name Ghost's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #F4F5F6;
  --color-ink: #15171A;
  --color-ink-muted: #7C8B9A;
  --color-accent: #30CF43;
  --color-on-accent: #15171A;
  --color-hairline: #CED4D9;
  --color-night: #15171A;
  --color-on-night: #FFFFFF;
  --color-ghost-green: #30CF43;
  --color-white: #FFFFFF;
  --color-light-grey: #CED4D9;
  --color-mid-grey: #7C8B9A;
  --color-dark-grey: #15171A;
  --color-gray-50-ui: #FAFAFB;
  --color-gray-100-ui: #F4F5F6;
  --color-gray-200-ui: #EBEEF0;
  --color-gray-300-ui: #DDE1E5;
  --color-gray-500-ui: #AEB7C1;
  --color-gray-600-ui: #95A1AD;
  --color-gray-800-ui: #626D79;
  --color-gray-900-ui: #394047;
  --color-gray-950-ui: #222427;
  --color-ghost-accent-default-ui: #FF0095;
  --color-hero-headline-ink-observed: #112220;
  --color-launch-pill-yellow-observed: #FEC137;
  --color-black-observed: #000000;
  --color-slate-500-observed: #64748B;
  --color-slate-900-observed: #0F172A;
  --color-launch-lime-observed: #D1FF19;
  --color-slate-300-observed: #CBD5E1;
  --color-slate-200-observed: #E2E8F0;
  --color-slate-700-observed: #334155;
  --color-portal-pink-observed: #F8B1E2;
  --color-tooltip-ink-observed: #18181B;
  --color-tile-border-observed: #E5E5E5;
  --color-dark-hairline-observed: #1F2937;
  --color-slate-400-observed: #94A3B8;
  --color-gray-400-observed: #9CA3AF;
  --color-lime-300-observed: #BEF264;
  --color-lime-950-observed: #1A2E05;
  --color-gray-500-observed: #6B7280;
  --color-strip-dark-observed: #151719;
  --color-product-panel-edge: #2C2E30;
  --color-product-panel-fill: #101216;
  --color-activecampaign-tile-fill: #2862AE;
  --color-vimeo-tile-fill: #1BB6EB;
  --color-youtube-tile-fill: #FF0000;
  --color-button-primary-on-light-fill: #15171A;
  --color-button-primary-on-light-text: #FFFFFF;
  --color-launch-pill-fill: #FEC137;
  --color-launch-pill-text: #000000;
  --color-button-primary-lime-on-dark-fill: #D1FF19;
  --color-button-primary-lime-on-dark-text: #000000;
  --color-learn-more-on-dark-fill: #1A2E05;
  --color-learn-more-on-dark-text: #BEF264;
  --color-text-link-cta-light-text: #64748B;
  --color-text-link-lime-on-dark-text: #D1FF19;
  --color-footer-link-text: #94A3B8;
  --color-eyebrow-text: #64748B on light / #D1FF19 on dark;
  --color-product-panel-fill: #15171A (dashboard, posts) or #FFFFFF (site design, editor, members);
  --color-integration-tile-fill: #FFFFFF;
  --color-dropdown-panel-fill: #FFFFFF;
  --color-status-badge-fill: #334155;
  --color-status-badge-text: #CBD5E1;
  --font-display: Inter, InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-display-original: "InterVariable at opsz 32", Inter, InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-body-original: InterVariable, Inter, InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --page-margin: 24px;
  --section-padding: 72px;
  --container-max: 1392px;
  --hero-text-max: 841px;
  --card-gap: 32px;
  --nav-height: 94px;
  --grid-gutter: 72px;
  --grid-columns: 12;
  --text-display-xl-size: 96px;
  --text-display-xl-line: 1;
  --text-display-xl-weight: 700;
  --text-display-xl-tracking: -2.4px;
  --text-display-l-size: 72px;
  --text-display-l-line: 1;
  --text-display-l-weight: 700;
  --text-statement-size: 48px;
  --text-statement-line: 1.35;
  --text-statement-weight: 700;
  --text-statement-tracking: -1.2px;
  --text-h2-size: 48px;
  --text-h2-line: 1.15;
  --text-h2-weight: 700;
  --text-h2-tracking: -1.2px;
  --text-launch-size: 48px;
  --text-launch-line: 1.15;
  --text-launch-weight: 600;
  --text-cta-xl-size: 36px;
  --text-cta-xl-line: 1.5;
  --text-cta-xl-weight: 600;
  --text-cta-xl-tracking: -0.9px;
  --text-h3-size: 36px;
  --text-h3-line: 1;
  --text-h3-weight: 700;
  --text-h3-tracking: -0.9px;
  --text-h2-center-size: 36px;
  --text-h2-center-line: 0.9;
  --text-h2-center-weight: 700;
  --text-h2-center-tracking: -0.9px;
  --text-h2-dark-size: 36px;
  --text-h2-dark-line: 1;
  --text-h2-dark-weight: 700;
  --text-lead-size: 24px;
  --text-lead-line: 1.5;
  --text-lead-weight: 400;
  --text-tagline-size: 24px;
  --text-tagline-line: 1.25;
  --text-tagline-weight: 500;
  --text-cta-l-size: 24px;
  --text-cta-l-line: 1.5;
  --text-cta-l-weight: 600;
  --text-button-l-size: 20px;
  --text-button-l-line: 1.5;
  --text-button-l-weight: 600;
  --text-card-title-size: 18px;
  --text-card-title-line: 1;
  --text-card-title-weight: 600;
  --text-eyebrow-size: 12px;
  --text-eyebrow-line: 1;
  --text-eyebrow-weight: 700;
  --text-eyebrow-tracking: 1.2px;
  --text-nav-size: 15px;
  --text-nav-line: 1.5;
  --text-nav-weight: 500;
  --text-ui-size: 15px;
  --text-ui-line: 1.5;
  --text-ui-weight: 600;
  --text-footer-size: 15px;
  --text-footer-line: 1.25;
  --text-footer-weight: 400;
  --text-ui-s-size: 14px;
  --text-ui-s-line: 1.5;
  --text-ui-s-weight: 600;
  --text-menu-size: 18px;
  --text-menu-line: 1.25;
  --text-menu-weight: 700;
  --radius-button-primary-on-light: 6px;
  --radius-launch-pill: 999px;
  --radius-button-primary-lime-on-dark: 8px;
  --radius-learn-more-on-dark: 8px;
  --radius-product-panel: 16px;
  --radius-integration-tile: 24px;
  --radius-dropdown-panel: 8px;
  --radius-status-badge: 4px;
  --ease-standard-product-ui: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized-product-ui: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast-product-ui: 150ms;
  --duration-base-product-ui: 250ms;
  --duration-slow-product-ui: 400ms;
}
/* Phone values measured at 390px. Ghost's breakpoint wasn't measured: 600px is our default. */
@media (max-width: 600px) {
  :root {
    --page-margin: 16px;
    --section-padding: 31.2px;
    --text-display-xl-size: 25.35px;
    --text-display-l-size: 48px;
    --text-statement-size: 24px;
    --text-h2-size: 24px;
    --text-launch-size: 24px;
    --text-cta-xl-size: 20px;
    --text-h3-size: 24px;
    --text-h2-dark-size: 24px;
    --text-lead-size: 20px;
    --text-tagline-size: 18px;
    --text-cta-l-size: 20px;
  }
}
.button-primary-on-light {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 39px; padding: 0 16px; border-radius: 6px;
  background: #15171A; color: #FFFFFF;
  font: 600 14px/1 var(--font-body);
}
.button-primary-lime-on-dark {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 62px; padding: 0 24px; border-radius: 8px;
  background: #D1FF19; color: #000000;
  font: 600 20px/1 var(--font-body);
}