/**
 * FTM Page Sections — Theme Token Overrides (annalee-dolls)
 *
 * This file is loaded automatically by the ftm-page-sections plugin after
 * the plugin's own default token definitions.  Any --ftps-* property
 * redefined here overrides the plugin default for this theme.
 *
 * ─────────────────────────────────────────────────────────────────────────
 * HOW TO USE
 * ─────────────────────────────────────────────────────────────────────────
 * Copy the token(s) you want to customise into the :root block below and
 * assign new values.  Remove tokens that should keep their plugin defaults.
 *
 * Available tokens (with their plugin default values):
 *
 *   Framework — Layout & spacing
 *   ─────────────────────────────
 *   --ftps-gutter-width                  var(--gutter-width, 5vw)
 *   --ftps-max-width-wide                var(--max-width-wide, 1200px)
 *   --ftps-section-margin                var(--space-xlarge, 2.5rem)
 *   --ftps-section-margin-md             var(--space-xxlarge, 4rem)
 *   --ftps-section-margin-compact        var(--space-large, 1.5rem)
 *   --ftps-header-max-width              760px
 *   --ftps-header-margin                 20px
 *   --ftps-element-margin                1rem
 *   --ftps-actions-menu-gutter           0.5em
 *   --ftps-sidebar-gap                   20px
 *   --ftps-sidebar-content-width         70%
 *
 *   Framework — Typography
 *   ──────────────────────
 *   --ftps-section-title-margin-top             var(--space-xlarge, 2.5rem)
 *   --ftps-section-title-overline-size          0.8888em
 *   --ftps-section-title-overline-line-height   1.5
 *   --ftps-actions-link-size                    0.8888em
 *
 *   Framework — Colour
 *   ──────────────────
 *   --ftps-banner-accent-color       var(--primary-color, #c81e11)
 *   --ftps-banner-text-color         inherit
 *
 *   Framework — Header decoration
 *   ─────────────────────────────
 *   --ftps-header-rule-content   none  (set to "" to enable the pseudo-element)
 *   --ftps-header-rule-image     none  (set to url(...) to add a decorative image)
 *   --ftps-header-rule-height    6px
 *   --ftps-header-rule-width     70px
 *   --ftps-header-rule-margin    var(--space-small, 0.75rem)
 *
 *   Banner section
 *   ──────────────
 *   --ftps-banner-image-padding-bottom   10%
 *   --ftps-banner-border-radius          var(--border-radius, 3px)
 *   --ftps-banner-inner-border-radius    10px
 *   --ftps-banner-max-width              1200px
 *   --ftps-banner-content-padding        var(--space-normal, 1rem)
 *
 *   Simple Callout section
 *   ──────────────────────
 *   --ftps-simple-callout-border-radius           10px
 *   --ftps-simple-callout-max-width               1200px
 *   --ftps-simple-callout-content-padding         var(--space-large, 1.5rem)
 *   --ftps-simple-callout-actions-margin-bottom   var(--space-xlarge, 2.5rem)
 *   --ftps-simple-callout-title-margin-bottom     1rem
 *   --ftps-simple-callout-image-width             60%
 *   --ftps-simple-callout-spacing-normal          var(--space-normal, 1rem)
 *
 *   Hero section
 *   ────────────
 *   --ftps-hero-inner-max-width          1200px
 *   --ftps-hero-content-padding-right    var(--space-xlarge, 2.5rem)
 *   --ftps-hero-content-max-width        43%
 *   --ftps-hero-title-size               0.8888em
 *   --ftps-hero-body-line-height         1.5
 *   --ftps-hero-heading-size-xl          4.2777em
 *   --ftps-hero-heading-line-height-xl   1.13
 *   --ftps-hero-spacing-xs               var(--space-xsmall, 0.5rem)
 *   --ftps-hero-spacing-normal           var(--space-normal, 1rem)
 *
 *   Media Content section
 *   ─────────────────────
 *   --ftps-media-content-max-width       var(--max-width-wide, 1200px)
 *   --ftps-media-content-gap             20px
 *   --ftps-media-content-col-padding     var(--space-normal, 1rem)
 *
 *   Accordion section
 *   ─────────────────
*   --ftps-accordion-title-color      var(--accordion-title-color, var(--color-secondary-500, #1184c8))
 *   --ftps-accordion-border-color     var(--border-color, #dadada)
 *   --ftps-accordion-border-radius    var(--border-radius, 3px)
 *   --ftps-accordion-icon-size        1.25em
 *   --ftps-accordion-item-margin      1rem
 *   --ftps-accordion-button-padding   2rem
 *   --ftps-accordion-arrow-inset      1rem
 *
 *   Grouped Callouts section
 *   ────────────────────────
 *   --ftps-grouped-callouts-margin    var(--space-normal, 1rem)
 *   --ftps-grouped-callout-gap        var(--space-large, 1.5rem)
 *
 *   WYSIWYG section
 *   ───────────────
 *   --ftps-wysiwyg-margin             20px
 *   --ftps-wysiwyg-margin-block-md    40px
 *   --ftps-wysiwyg-margin-inline-md   50px
 *   --ftps-wysiwyg-max-width          var(--max-width-article, 790px)
 *
 * ─────────────────────────────────────────────────────────────────────────
 */

:root {

	/* ── Header decoration: enable the zig-zag rule for this theme ──── */

	/**
	 * Enable the .ftps-header::after pseudo-element and set its image to the
	 * Annalee zig-zag SVG.  The plugin defaults both to `none`, so this is
	 * the site-specific opt-in.
	 */
	--ftps-header-rule-content: "";
	--ftps-header-rule-image: url(../images/zig-zag.svg);

	/*
	 * The annalee-dolls theme already provides --gutter-width, --max-width-wide
	 * and the --space-* scale via critical.css, so the plugin defaults resolve
	 * correctly without explicit overrides.
	 *
	 * Override example — wider inner container on this site:
	 *
	 *   --ftps-max-width-wide: 1400px;
	 *
	 * Override example — tighter vertical rhythm:
	 *
	 *   --ftps-section-margin:    var(--space-large, 1.5rem);
	 *   --ftps-section-margin-md: var(--space-xlarge, 2.5rem);
	 *
	 * Override example — square banner/callout cards:
	 *
	 *   --ftps-banner-border-radius: 0;
	 *   --ftps-banner-inner-border-radius: 0;
	 *   --ftps-simple-callout-border-radius: 0;
	 *
	 * Add your overrides below this comment.
	 */
}