/** * Scheme-mapping overrides for the ftm-blocks design system. * * Auto-enqueued by ftm-blocks AFTER its design-system schemes.css (see the * plugin's ftm_design_system_enqueue_scheme_overrides()), so definitions here * win the cascade. Child themes may ship the same file to layer on top. * * LEGACY SCHEME ALIASES — content authored under ftm-page-sections carries * scheme classes that no longer exist in the ftm-blocks contract (v4.x ships * primary/-tonal/-subtle, secondary…, tertiary…): * * ftm-scheme-accent → no exact successor (closest: primary-subtle, but * legacy used primary-tinted heading/border roles) * ftm-scheme-dominant → equivalent to the new ftm-scheme-primary * ftm-scheme-muted → no successor (neutral surface scheme) * ftm-scheme-secondary → carried over by the plugin with identical values * * The role blocks below are copied verbatim from ftm-page-sections * design-system/build/schemes.css so existing sections keep rendering * pixel-identically. Remove each block once saved content has been migrated * off the corresponding legacy class. * * @package AnnaleeDolls */ /* ── Legacy "accent" — soft primary tint ────────────────────────────────── */ .ftm-scheme-accent { --ftm-scheme-bg: var(--wp--custom--color--primary--50, #fcf1ef); --ftm-scheme-text: var(--wp--custom--color--neutral--900, #1a1b1c); --ftm-scheme-heading: var(--wp--custom--color--primary--700, #8c1711); --ftm-scheme-muted: var(--wp--custom--color--neutral--600, #66686a); --ftm-scheme-link: var(--wp--custom--color--primary--600, #aa1a10); --ftm-scheme-accent: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-accent-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-border: var(--wp--custom--color--primary--200, #efb5af); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--500, rgba(0, 0, 0, 0.5)); } /* ── Legacy "dominant" — solid primary fill (≡ new ftm-scheme-primary) ──── */ .ftm-scheme-dominant { --ftm-scheme-bg: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-heading: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-muted: var(--wp--custom--color--primary--100, #f7dbd7); --ftm-scheme-link: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-accent: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-accent-text: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-border: var(--wp--custom--color--primary--600, #aa1a10); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--400, rgba(0, 0, 0, 0.4)); } /* ── Legacy "muted" — neutral surface ───────────────────────────────────── */ .ftm-scheme-muted { --ftm-scheme-bg: var(--wp--custom--color--neutral--100, #f8f8f8); --ftm-scheme-text: var(--wp--custom--color--neutral--900, #1a1b1c); --ftm-scheme-heading: var(--wp--custom--color--base--black, #303133); --ftm-scheme-muted: var(--wp--custom--color--neutral--600, #66686a); --ftm-scheme-link: var(--wp--custom--color--primary--600, #aa1a10); --ftm-scheme-accent: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-accent-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-border: var(--wp--custom--color--neutral--300, #dadada); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--500, rgba(0, 0, 0, 0.5)); } /* ── Dark-mode variants (opt-in via [data-theme="dark"] on ) ──────── */ [data-theme="dark"] .ftm-scheme-accent { --ftm-scheme-bg: var(--wp--custom--color--primary--900, #4d141b); --ftm-scheme-text: var(--wp--custom--color--neutral--100, #f8f8f8); --ftm-scheme-heading: var(--wp--custom--color--primary--300, #e68f87); --ftm-scheme-muted: var(--wp--custom--color--neutral--400, #8d8f91); --ftm-scheme-link: var(--wp--custom--color--primary--300, #e68f87); --ftm-scheme-accent: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-accent-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-border: var(--wp--custom--color--primary--800, #6d1b25); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--500, rgba(0, 0, 0, 0.5)); } [data-theme="dark"] .ftm-scheme-dominant { --ftm-scheme-bg: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-heading: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-muted: var(--wp--custom--color--primary--100, #f7dbd7); --ftm-scheme-link: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-accent: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-accent-text: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-border: var(--wp--custom--color--primary--700, #8c1711); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--500, rgba(0, 0, 0, 0.5)); } [data-theme="dark"] .ftm-scheme-muted { --ftm-scheme-bg: var(--wp--custom--color--neutral--800, #333435); --ftm-scheme-text: var(--wp--custom--color--neutral--100, #f8f8f8); --ftm-scheme-heading: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-muted: var(--wp--custom--color--neutral--400, #8d8f91); --ftm-scheme-link: var(--wp--custom--color--primary--300, #e68f87); --ftm-scheme-accent: var(--wp--custom--color--primary--500, #c81e11); --ftm-scheme-accent-text: var(--wp--custom--color--base--white, #ffffff); --ftm-scheme-border: var(--wp--custom--color--neutral--700, #4d4e50); --ftm-scheme-overlay: var(--wp--custom--color--black-alpha--500, rgba(0, 0, 0, 0.5)); }