/* WordPress brand tokens, from unfairly.ai/brand-guidelines/wordpress (checked 2026-10-30).
   Sizes, spacing and components were measured on https://wordpress.org/ (Playwright on the live page at 1440x900 and 390x844 (2026-10-31): computed styles, bounding boxes, hover states and the theme's CSS rules).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name WordPress's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #F6F6F6;
  --color-ink: #1E1E1E;
  --color-ink-muted: #656A71;
  --color-accent: #3858E9;
  --color-on-accent: #FFFFFF;
  --color-night: #1E1E1E;
  --color-on-night: #FFFFFF;
  --color-charcoal-0: #1A1919;
  --color-charcoal: #1E1E1E;
  --color-charcoal-2: #23282D;
  --color-charcoal-3: #40464D;
  --color-charcoal-4: #656A71;
  --color-charcoal-5: #979AA1;
  --color-light-grey: #D9D9D9;
  --color-light-grey-2: #F6F6F6;
  --color-white: #FFFFFF;
  --color-dark-blueberry: #1D35B4;
  --color-deep-blueberry: #213FD4;
  --color-blueberry: #3858E9;
  --color-blueberry-2: #9FB1FF;
  --color-blueberry-3: #C7D1FF;
  --color-blueberry-4: #EFF2FF;
  --color-pomegranate: #E26F56;
  --color-pomegranate-2: #FFB7A7;
  --color-pomegranate-3: #FFE9DE;
  --color-acid-green: #33F078;
  --color-acid-green-2: #C7FFDB;
  --color-acid-green-3: #E2FFED;
  --color-lemon: #FFF972;
  --color-lemon-2: #FFFCB5;
  --color-lemon-3: #FFFDD6;
  --color-purple-1: #5300BE;
  --color-purple-2: #7A00DF;
  --color-purple-3: #D7A7FF;
  --color-classic-wordpress-blue: #0073AA;
  --color-classic-medium-blue: #00A0D2;
  --color-classic-ultra-dark-gray: #191E23;
  --color-classic-dark-gray: #23282D;
  --color-classic-base-gray: #32373C;
  --color-classic-dark-silver-gray: #82878C;
  --color-classic-silver-gray: #A0A5AA;
  --color-classic-light-silver-gray: #B4B9BE;
  --color-classic-accent-red: #DC3232;
  --color-classic-accent-orange: #F56E28;
  --color-classic-accent-yellow: #FFB900;
  --color-classic-accent-green: #46B450;
  --color-classic-accent-purple: #826EB4;
  --color-about-ground-linen: #F0EDE7;
  --color-footer-strip-charcoal-2-darkened: #1C2024;
  --color-button-primary-fill: #3858E9;
  --color-button-primary-text: #FFFFFF;
  --color-button-outline-text: #3858E9;
  --color-button-outline-ring: #3858E9;
  --color-button-header-fill: #3858E9;
  --color-button-header-text: #FFFFFF;
  --color-form-field-fill: #FFFFFF;
  --color-form-field-text: #1E1E1E;
  --color-nav-link-text: #23282D;
  --color-nav-dropdown-fill: #F6F6F6;
  --color-text-link-text: #3858E9;
  --color-footer-link-text: #FFFFFF;
  --color-cta-arrow-heading-text: #FFFFFF;
  --font-display: "EB Garamond", "EB Garamond", Garamond, Georgia, serif;
  --font-body: Inter, Inter, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "IBM Plex Mono", Menlo, Consolas, monospace;
  --page-margin: 140px;
  --section-padding: 80px;
  --container-max: 1160px;
  --hero-text-max: 555px;
  --card-gap: 40px;
  --nav-height: 71px;
  --grid-gutter: 40px;
  --grid-columns: 3;
  --text-display-xl-size: 70px;
  --text-display-xl-line: 1.05;
  --text-display-xl-weight: 400;
  --text-display-l-size: 50px;
  --text-display-l-line: 1.2;
  --text-display-l-weight: 400;
  --text-display-m-size: 36px;
  --text-display-m-line: 1.28;
  --text-display-m-weight: 400;
  --text-cta-xl-size: 120px;
  --text-cta-xl-line: 1;
  --text-cta-xl-weight: 300;
  --text-cta-xl-tracking: -2px;
  --text-title-s-size: 18px;
  --text-title-s-line: 1.88;
  --text-title-s-weight: 700;
  --text-title-post-size: 18px;
  --text-title-post-line: 1.3;
  --text-title-post-weight: 600;
  --text-body-size: 16px;
  --text-body-line: 1.625;
  --text-body-weight: 400;
  --text-body-link-size: 16px;
  --text-body-link-line: 1.875;
  --text-body-link-weight: 400;
  --text-button-size: 16px;
  --text-button-line: 1.3;
  --text-button-weight: 600;
  --text-nav-size: 14px;
  --text-nav-line: 1.71;
  --text-nav-weight: 400;
  --text-meta-size: 14px;
  --text-meta-line: 1.875;
  --text-meta-weight: 400;
  --text-footer-size: 14px;
  --text-footer-line: 1.9;
  --text-footer-weight: 400;
  --text-menu-size: 21px;
  --text-menu-line: 1.95;
  --text-menu-weight: 400;
  --radius-button-primary: 2px;
  --radius-button-outline: 2px;
  --radius-button-header: 2px;
  --radius-form-field: 2px;
  --radius-nav-link: 0px;
  --radius-nav-dropdown: 0px;
  --radius-feature-card: 0px;
  --radius-news-item: 0px;
  --radius-cta-arrow-heading: 0px;
  --ease-dropdown-fade: linear;
  --duration-dropdown-fade: 100ms;
  --ease-menu-overlay: ease-out;
  --duration-menu-overlay: 100ms;
  --ease-cta-arrow: linear;
  --duration-cta-arrow: 150ms;
  --ease-social-icon: ease;
  --duration-social-icon: 100ms;
  --ease-image-reveal: ease;
  --duration-image-reveal: 400ms;
  --icon-default: 24px;
  --icon-dashicon: 20px;
}
/* Phone values measured at 390px; WordPress's CSS switches at 781px. */
@media (max-width: 781px) {
  :root {
    --page-margin: 20px;
    --section-padding: 80px;
    --text-display-l-size: 30px;
    --text-display-m-size: 26px;
    --text-cta-xl-size: 52px;
    --text-footer-size: 16px;
  }
}
.button-primary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 51px; padding: 0 32px; border-radius: 2px;
  background: #3858E9; color: #FFFFFF;
  font: 600 16px/1 var(--font-body);
}
.button-primary:hover { background: #213FD4; } /* published */
.button-primary:focus-visible { border-color: #3858E9; } /* published */
.button-primary:active { background: #1E1E1E; } /* published */
.button-outline {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 51px; padding: 0 32px; border-radius: 2px;
  background: transparent; color: #3858E9;
  box-shadow: inset 0 0 0 1px #3858E9;
  font: 600 16px/1 var(--font-body);
}
.button-outline:hover { background: #213FD4; color: #FFFFFF; } /* published */
.button-outline:active { background: #1E1E1E; color: #FFFFFF; } /* published */
.button-header {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 36px; padding: 0 19px; border-radius: 2px;
  background: #3858E9; color: #FFFFFF;
  font: 700 14px/1 var(--font-body);
}