/** * AUTO-GENERATED by scripts/sync-tokens.mjs — do not hand-edit. * Shared font and token layer for the public site and block editor: * brand font loading plus every non-preset custom * property from the mocks' tokens.css :root blocks (base + fluid * media-query steps), so block CSS written against --space-*, --text-*, * --radius-*, --cream etc. previews correctly in Gutenberg. The * --wp--preset--* layer itself still comes from theme.json, as before. */ @import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@400;500;700;800&display=swap'); /* Brand display font (rebrand). Adventure = headline/hero face per the brand book. The build rewrites this mock-friendly /fonts URL to the theme-relative fonts directory for WordPress. */ @font-face { font-family: 'Adventure'; src: url('fonts/adventure.woff2') format('woff2'); font-display: swap; } /* Museo (rebrand) = sub-heading (H3+) + body/UI face. Ships 300/500/700 only; request those exact weights (no 800 — it would synthesise a fake bold). */ @font-face { font-family: 'Museo'; font-weight: 300; src: url('fonts/museo-300.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Museo'; font-weight: 500; src: url('fonts/museo-500.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Museo'; font-weight: 700; src: url('fonts/museo-700.woff2') format('woff2'); font-display: swap; } :root { --font-body: var(--wp--preset--font-family--museo); --font-display: var(--wp--preset--font-family--museo); --font-heading: var(--wp--preset--font-family--museo); --font-brand: var(--wp--preset--font-family--adventure); --container-width: 1240px; --container-wide-width: 1360px; --reading-width: 62ch; --primary: var(--wp--preset--color--primary); --primary-hover: var(--wp--preset--color--primary-hover); --primary-dark: var(--wp--preset--color--primary-dark); --green: var(--wp--preset--color--primary); --deep-forest: var(--wp--preset--color--deep-forest); --surface-dark: var(--wp--preset--color--surface-dark); --surface-raised: var(--wp--preset--color--surface-raised); --surface-glass: rgba(18, 21, 16, 0.82); --text-on-dark: var(--wp--preset--color--text-on-dark); --text-secondary-dark: var(--wp--preset--color--text-muted-dark); --text-muted-dark: var(--wp--preset--color--text-muted-dark); --border-dark: var(--wp--preset--color--border-dark); --white: var(--wp--preset--color--white); --container-wide: var(--container-wide-width); --container: var(--container-width); --header-h: 72px; --ease: cubic-bezier(0.4, 0, 0.2, 1); --speed: 0.3s; --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1); --reveal-dur-subtle: 0.7s; --reveal-dur: 0.95s; --reveal-dur-media: 1.2s; --reveal-shift-subtle: 14px; --reveal-shift: 26px; --reveal-shift-media: 38px; --reveal-blur: 6px; --reveal-stagger: 0.12s; --icon-sm: 24px; --icon-md: 36px; --icon-lg: 48px; --icon-badge-size-sm: var(--space-48); --icon-badge-size-md: var(--space-64); --icon-badge-size-lg: var(--space-72); --icon-badge-size-xl: var(--space-80); --icon-badge-glyph-sm: var(--icon-sm); --icon-badge-glyph-md: 30px; --icon-badge-glyph-lg: var(--icon-md); --icon-badge-glyph-xl: var(--icon-lg); --icon-art-size-xs: var(--space-32); --icon-art-size-sm: var(--icon-badge-size-sm); --icon-art-size-md: var(--icon-badge-size-md); --icon-art-size-lg: var(--icon-badge-size-lg); --icon-art-size-xl: var(--icon-badge-size-xl); --icon-art-size-page: var(--icon-art-size-xl); --icon-art-size-feature: var(--space-96); --icon-badge-bg: color-mix(in srgb, var(--primary) 8%, var(--cream)); --icon-badge-bg-strong: color-mix(in srgb, var(--primary) 14%, var(--cream)); --icon-badge-border: color-mix(in srgb, var(--primary) 62%, transparent); --icon-badge-color: var(--primary-dark); --icon-art-shell-bg: transparent; --icon-art-shell-border: transparent; --icon-badge-hover-bg: color-mix(in srgb, var(--white) 42%, transparent); --icon-badge-hover-border: color-mix(in srgb, var(--deep-forest) 42%, transparent); --icon-badge-hover-color: var(--deep-forest); --doc-lift: -100px; --text-2xs: 12px; --text-xs: 14px; --text-sm: 16px; --text-base: 18px; --text-lg: clamp(18px, calc(16.92px + 0.301vw), 20px); --text-xl: 24px; --weight-regular: 400; --weight-medium: 500; --weight-bold: 700; --weight-heavy: 800; --lh-solid: 1; --lh-tight: 1.1; --lh-snug: 1.2; --lh-normal: 1.4; --lh-relaxed: 1.5; --lh-loose: 1.6; --secondary: var(--wp--preset--color--secondary); --amber: var(--wp--preset--color--amber); --yellow: var(--wp--preset--color--yellow); --pink: var(--wp--preset--color--pink); --jungle-green: var(--wp--preset--color--jungle-green); --cream: var(--wp--preset--color--cream); --parchment: var(--wp--preset--color--parchment); --warm-sand: var(--wp--preset--color--warm-sand); --paper-cream: url("assets/img/decor/paper-cream.webp?v=4"); --text-primary: var(--wp--preset--color--text-primary); --text-secondary: var(--wp--preset--color--text-secondary); --text-muted: rgba(24, 32, 21, 0.65); --border-light: var(--wp--preset--color--border-light); --card-on-light: #FFF8EA; --date-pill-bg: #FEF7EA; --black: #000000; --mask-opaque: var(--black); --warning-surface-soft: color-mix(in srgb, var(--secondary) 12%, transparent); --error: #B3261E; --success: var(--wp--preset--color--green-dark); --border-light-subtle: color-mix(in srgb, var(--text-primary) 6%, transparent); --border-light-strong: color-mix(in srgb, var(--text-primary) 25%, transparent); --border-on-dark-subtle: color-mix(in srgb, var(--white) 12%, transparent); --shadow-card-soft: 0 10px 26px color-mix(in srgb, var(--deep-forest) 8%, transparent); --shadow-paper-panel: 0 14px 32px color-mix(in srgb, var(--deep-forest) 10%, transparent), 0 2px 6px color-mix(in srgb, var(--deep-forest) 6%, transparent); --shadow-paper-panel-highlight: var(--shadow-paper-panel), inset 0 1px 0 color-mix(in srgb, var(--white) 50%, transparent); --shadow-inset-hairline: inset 0 0 0 1px var(--border-light-subtle); --filter-gift-card-shadow: drop-shadow(0 var(--space-8) var(--space-16) color-mix(in srgb, var(--deep-forest) 18%, transparent)) drop-shadow(0 var(--space-24) var(--space-40) color-mix(in srgb, var(--deep-forest) 15%, transparent)); --overlay-lightbox-bg: color-mix(in srgb, var(--deep-forest) 94%, var(--black)); --overlay-roamer-card-bg: color-mix(in srgb, var(--deep-forest) 62%, var(--black)); --image-ratio-hero-desktop: 16 / 9; --image-ratio-hero-mobile: 9 / 16; --image-ratio-landscape: 16 / 9; --image-ratio-wide: 21 / 9; --image-ratio-media: 16 / 10; --image-ratio-media-compact: 4 / 3; --image-ratio-artwork: 1200 / 630; --image-ratio-park-map: 994 / 525; --image-ratio-plan-map: 2400 / 2264; --image-ratio-badge-wide: 3 / 1; --image-ratio-app-badge: 180 / 53; --image-ratio-food-feature: 3 / 2; --image-ratio-square: 1; --image-position-center: center center; --image-position-hero-desktop: center right; --image-position-hero-mobile: 64% center; --image-position-top: center 30%; --image-position-upper: center 35%; --image-position-lower: center 58%; --image-position-bottom: center bottom; --mascot-dippy: var(--wp--preset--color--yellow); --mascot-terry: #5BC8E5; --mascot-paris: var(--wp--preset--color--secondary); --mascot-raz: var(--wp--preset--color--primary); --display: clamp(44px, calc(39.66px + 1.205vw), 52px); --h1: clamp(36px, calc(31.66px + 1.205vw), 44px); --h2: clamp(32px, calc(27.66px + 1.205vw), 40px); --h3: clamp(22px, calc(20.92px + 0.301vw), 24px); --rate-price-size: 32px; --space-4: 4px; --space-6: 6px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-56: 56px; --space-64: 64px; --space-72: 72px; --space-80: 80px; --space-96: 96px; --space-112: 112px; --space-120: 120px; --space-128: 128px; --space-144: 144px; --gutter-mobile: var(--wp--preset--spacing--gutter-mobile); --gutter-tablet: var(--wp--preset--spacing--gutter-tablet); --gutter-desktop: var(--wp--preset--spacing--gutter-desktop); --section-padding-mobile: var(--wp--preset--spacing--section-mobile); --section-padding-tablet: var(--wp--preset--spacing--section-tablet); --section-padding-desktop: var(--wp--preset--spacing--section-desktop); --section-padding-compact-mobile: var(--wp--preset--spacing--section-compact-mobile); --section-padding-compact-tablet: var(--wp--preset--spacing--section-compact-tablet); --section-padding-compact-desktop: var(--wp--preset--spacing--section-compact-desktop); --section-padding-large-mobile: var(--wp--preset--spacing--section-large-mobile); --section-padding-large-tablet: var(--wp--preset--spacing--section-large-tablet); --section-padding-large-desktop: var(--wp--preset--spacing--section-large-desktop); --card-padding-mobile: var(--wp--preset--spacing--card-padding-mobile); --card-padding-tablet: var(--wp--preset--spacing--card-padding-tablet); --card-padding-desktop: var(--wp--preset--spacing--card-padding-desktop); --card-padding: var(--card-padding-desktop); --panel-padding-mobile: var(--wp--preset--spacing--panel-padding-mobile); --panel-padding-tablet: var(--wp--preset--spacing--panel-padding-tablet); --panel-padding-desktop: var(--wp--preset--spacing--panel-padding-desktop); --panel-padding: var(--panel-padding-desktop); --button-min-height: var(--space-48); --button-padding-inline: var(--space-24); --button-min-height-lg: var(--space-56); --button-padding-inline-lg: var(--space-32); --radius-xs: 6px; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px; --radius-xl: 32px; --radius-pill: 9999px; --shadow-soft: var(--wp--preset--shadow--soft); --shadow-raised: var(--wp--preset--shadow--raised); } @media (min-width: 1024px) { :root { --display: clamp(52px, calc(38.29px + 1.339vw), 64px); --h1: clamp(44px, calc(30.29px + 1.339vw), 56px); --h2: clamp(40px, calc(21.71px + 1.786vw), 56px); --h3: clamp(24px, calc(19.43px + 0.446vw), 28px); --space-56: clamp(48px, calc(38.86px + 0.893vw), 56px); --space-64: clamp(56px, calc(46.86px + 0.893vw), 64px); --space-72: clamp(64px, calc(54.86px + 0.893vw), 72px); --space-80: clamp(64px, calc(45.71px + 1.786vw), 80px); --space-96: clamp(80px, calc(61.71px + 1.786vw), 96px); --space-112: clamp(96px, calc(77.71px + 1.786vw), 112px); --space-120: clamp(96px, calc(68.57px + 2.679vw), 120px); --space-128: clamp(96px, calc(59.43px + 3.571vw), 128px); --space-144: clamp(112px, calc(75.43px + 3.571vw), 144px); } }