/* Semantic tokens shared by frontend and native editor. */
:root, .editor-styles-wrapper {
 --als-primary: var(--wp--preset--color--primary, #066248);
 --als-deep: var(--wp--preset--color--deep, #063f32);
 --als-hover: color-mix(in srgb, var(--als-primary) 82%, #000);
 --als-ink: var(--wp--preset--color--ink, #123127);
 --als-muted: #53645c; --als-paper: #f8f4ec; --als-white: #fffdf9;
 --als-soft: var(--wp--preset--color--soft, #eaf1eb);
 --als-gold: var(--wp--preset--color--accent, #d9ad39);
 --als-gold-ink: #816014; --als-rule: #e2e3dc; --als-control: #7a877f;
 --als-focus: #147aab; --als-serif: var(--wp--preset--font-family--heading, 'Lora', Georgia, 'Times New Roman', serif);
 --als-sans: var(--wp--preset--font-family--sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
 --als-width: 1240px; --als-reading: 740px;
 --als-gutter: clamp(20px, 4vw, 64px); --als-space: clamp(40px, 5vw, 72px);
 --als-radius: 8px; --als-card-radius: 14px; --als-shadow: 0 5px 22px rgb(4 35 26 / 7%);
 --als-s1: .25rem; --als-s2: .5rem; --als-s3: .75rem; --als-s4: 1rem;
 --als-s5: 1.5rem; --als-s6: 2rem; --als-s7: 3rem; --als-s8: 4rem; --als-s9: 6rem;
 --anj-primary: var(--als-primary); --anj-deep: var(--als-deep); --anj-accent: var(--als-gold);
 --anj-on-primary: #fff; --anj-paper: var(--als-paper); --anj-surface: var(--als-white);
 --anj-soft: var(--als-soft); --anj-ink: var(--als-ink); --anj-muted: var(--als-muted);
 --anj-border: var(--als-rule); --anj-control-border: var(--als-control); --anj-focus: var(--als-focus);
 --anj-font-body: var(--als-sans); --anj-font-heading: var(--als-serif);
 --anj-width: 77.5rem; --anj-reading-width: var(--als-reading); --anj-gutter: var(--als-gutter);
 --anj-section-space: var(--als-space); --anj-radius: var(--als-radius);
}