/* Copied from the design handoff (design-system/tokens.css). WordPress changes: @font-face moved to theme.json (fontFace with unicode ranges); dark selector also matches .is-theme-dark (group blocks cannot carry data-theme). */
/* WP InPlate — generated from tokens.json  */
:root, [data-theme="light"] { --plate-color-brand-herb: #326e45; --plate-color-brand-espresso: #472d20; --plate-color-brand-cream: #f4e7d4; --plate-color-primary-50: #f2fbf4; --plate-color-primary-100: #e4f4e8; --plate-color-primary-200: #cce5d1; --plate-color-primary-300: #a9ceb2; --plate-color-primary-400: #7fb18c; --plate-color-primary-500: #559066; --plate-color-primary-600: #326e45; --plate-color-primary-700: #225a35; --plate-color-primary-800: #174828; --plate-color-primary-900: #0d361c; --plate-color-primary-950: #03210e; --plate-color-clay-50: #fef6f3; --plate-color-clay-100: #feebe4; --plate-color-clay-200: #fed6c6; --plate-color-clay-300: #f4b8a1; --plate-color-clay-400: #e39475; --plate-color-clay-500: #c76f4c; --plate-color-clay-600: #a64f2b; --plate-color-clay-700: #8b3c19; --plate-color-clay-800: #722e0f; --plate-color-clay-900: #582006; --plate-color-clay-950: #391001; --plate-color-espresso-50: #fcf7f4; --plate-color-espresso-100: #f7ede8; --plate-color-espresso-200: #ebdad3; --plate-color-espresso-300: #d7bfb4; --plate-color-espresso-400: #bd9e8f; --plate-color-espresso-500: #9d7b6b; --plate-color-espresso-600: #7c5b4b; --plate-color-espresso-700: #5f4233; --plate-color-espresso-800: #472d20; --plate-color-espresso-900: #331f15; --plate-color-espresso-950: #1e1008; --plate-color-stone-50: #faf9f7; --plate-color-stone-100: #f2f0ee; --plate-color-stone-200: #e3dfdb; --plate-color-stone-300: #ccc6c1; --plate-color-stone-400: #afa8a0; --plate-color-stone-500: #8f877e; --plate-color-stone-600: #6f685f; --plate-color-stone-700: #585149; --plate-color-stone-800: #443e38; --plate-color-stone-900: #2f2b26; --plate-color-stone-950: #191512; --plate-color-success-50: #effbf7; --plate-color-success-100: #e0f5ee; --plate-color-success-200: #c4e9dc; --plate-color-success-300: #9ed5c2; --plate-color-success-400: #6ebaa3; --plate-color-success-500: #3c9b81; --plate-color-success-600: #047b62; --plate-color-success-700: #00634e; --plate-color-success-800: #034e3d; --plate-color-success-900: #02382c; --plate-color-success-950: #012118; --plate-color-warning-50: #fef7ee; --plate-color-warning-100: #feeedb; --plate-color-warning-200: #fbdebc; --plate-color-warning-300: #f1c795; --plate-color-warning-400: #e1ab64; --plate-color-warning-500: #cb8c32; --plate-color-warning-600: #ae7102; --plate-color-warning-700: #8b5a02; --plate-color-warning-800: #6e4601; --plate-color-warning-900: #4f3102; --plate-color-warning-950: #2d1b01; --plate-color-error-50: #fef6f5; --plate-color-error-100: #ffeae7; --plate-color-error-200: #ffd4cd; --plate-color-error-300: #feb0a5; --plate-color-error-400: #f38477; --plate-color-error-500: #d85a4e; --plate-color-error-600: #b5352d; --plate-color-error-700: #98211c; --plate-color-error-800: #7c1511; --plate-color-error-900: #600808; --plate-color-error-950: #3e0001; --plate-color-info-50: #f2f9ff; --plate-color-info-100: #e5f1fb; --plate-color-info-200: #cee2f3; --plate-color-info-300: #adcae3; --plate-color-info-400: #86accd; --plate-color-info-500: #5f8bb0; --plate-color-info-600: #3f6a8e; --plate-color-info-700: #2d5576; --plate-color-info-800: #21435f; --plate-color-info-900: #143148; --plate-color-info-950: #071c2d; --plate-color-background: #faf9f7; --plate-color-surface: #ffffff; --plate-color-surface-muted: #f2f0ee; --plate-color-surface-cream: #f4e7d4; --plate-color-surface-inverse: #1e1008; --plate-color-border-subtle: #e3dfdb; --plate-color-border: #ccc6c1; --plate-color-border-strong: #8f877e; --plate-color-text: #1e1008; --plate-color-text-muted: #585149; --plate-color-text-subtle: #6f685f; --plate-color-text-disabled: #afa8a0; --plate-color-primary: #326e45; --plate-color-primary-hover: #225a35; --plate-color-primary-active: #174828; --plate-color-on-primary: #ffffff; --plate-color-primary-subtle: #f2fbf4; --plate-color-primary-text: #225a35; --plate-color-link: #225a35; --plate-color-link-hover: #174828; --plate-color-accent: #a64f2b; --plate-color-accent-subtle: #fef6f3; --plate-color-accent-text: #8b3c19; --plate-color-on-accent: #ffffff; --plate-color-success: #047b62; --plate-color-success-subtle: #effbf7; --plate-color-success-text: #00634e; --plate-color-warning: #ae7102; --plate-color-warning-subtle: #fef7ee; --plate-color-warning-text: #8b5a02; --plate-color-error: #b5352d; --plate-color-error-hover: #98211c; --plate-color-on-error: #ffffff; --plate-color-error-subtle: #fef6f5; --plate-color-error-text: #98211c; --plate-color-info: #3f6a8e; --plate-color-info-subtle: #f2f9ff; --plate-color-info-text: #2d5576; --plate-color-focus: #326e45; --plate-color-scrim: #1e100899; --plate-shadow-none: none; --plate-shadow-subtle: 0 1px 2px #1e10080f, 0 1px 1px #1e10080a; --plate-shadow-floating: 0 2px 4px #1e10080d, 0 12px 24px -6px #1e10081f; --plate-shadow-overlay: 0 8px 16px #1e100814, 0 32px 64px -12px #1e100833; --plate-focus-ring: 0 0 0 2px #faf9f7, 0 0 0 4px #326e45; }
[data-theme="dark"], .is-theme-dark { --plate-color-background: #1e1008; --plate-color-surface: #331f15; --plate-color-surface-muted: #2a1a11; --plate-color-surface-cream: #472d20; --plate-color-surface-inverse: #faf9f7; --plate-color-border-subtle: #3a271c; --plate-color-border: #5f4233; --plate-color-border-strong: #9d7b6b; --plate-color-text: #f4e7d4; --plate-color-text-muted: #d7bfb4; --plate-color-text-subtle: #bd9e8f; --plate-color-text-disabled: #7c5b4b; --plate-color-primary: #7fb18c; --plate-color-primary-hover: #a9ceb2; --plate-color-primary-active: #cce5d1; --plate-color-on-primary: #1e1008; --plate-color-primary-subtle: #14301d; --plate-color-primary-text: #a9ceb2; --plate-color-link: #a9ceb2; --plate-color-link-hover: #cce5d1; --plate-color-accent: #e39475; --plate-color-accent-subtle: #3a1a0c; --plate-color-accent-text: #f4b8a1; --plate-color-on-accent: #1e1008; --plate-color-success: #6ebaa3; --plate-color-success-subtle: #0b2a22; --plate-color-success-text: #9ed5c2; --plate-color-warning: #e1ab64; --plate-color-warning-subtle: #2f2108; --plate-color-warning-text: #f1c795; --plate-color-error: #f38477; --plate-color-error-hover: #feb0a5; --plate-color-on-error: #1e1008; --plate-color-error-subtle: #3a1210; --plate-color-error-text: #feb0a5; --plate-color-info: #86accd; --plate-color-info-subtle: #13222f; --plate-color-info-text: #adcae3; --plate-color-focus: #a9ceb2; --plate-color-scrim: #000000a6; --plate-shadow-subtle: 0 1px 2px #00000066; --plate-shadow-floating: 0 12px 24px -6px #000000b3; --plate-shadow-overlay: 0 32px 64px -12px #000000cc; --plate-focus-ring: 0 0 0 2px #1e1008, 0 0 0 4px #a9ceb2; }
:root { --plate-space-1: 4px; --plate-space-2: 8px; --plate-space-3: 12px; --plate-space-4: 16px; --plate-space-5: 20px; --plate-space-6: 24px; --plate-space-8: 32px; --plate-space-10: 40px; --plate-space-12: 48px; --plate-space-16: 64px; --plate-space-20: 80px; --plate-space-24: 96px; --plate-space-30: 120px; --plate-space-40: 160px; --plate-radius-none: 0; --plate-radius-xs: 2px; --plate-radius-sm: 4px; --plate-radius-md: 6px; --plate-radius-lg: 10px; --plate-radius-xl: 16px; --plate-radius-pill: 999px; --plate-border-hairline: 1px; --plate-border-thick: 2px; --plate-duration-instant: 100ms; --plate-duration-fast: 150ms; --plate-duration-base: 220ms; --plate-duration-slow: 320ms; --plate-ease-standard: cubic-bezier(0.2, 0, 0, 1); --plate-ease-enter: cubic-bezier(0, 0, 0.2, 1); --plate-ease-exit: cubic-bezier(0.4, 0, 1, 1); --plate-container-max: 1440px; --plate-container-wide: 1440px; --plate-container-text: 720px; --plate-container-narrow: 560px; --plate-grid-columns-desktop: 12; --plate-grid-columns-tablet: 8; --plate-grid-columns-mobile: 4; --plate-grid-gap-desktop: 24px; --plate-grid-gap-tablet: 20px; --plate-grid-gap-mobile: 16px; --plate-page-margin-desktop: 40px; --plate-page-margin-tablet: 32px; --plate-page-margin-mobile: 20px; --plate-section-sm: 64px; --plate-section-md: 96px; --plate-section-lg: 120px; --plate-header-height: 64px; --plate-touch-target: 44px; --plate-bp-xs: 375px; --plate-bp-sm: 480px; --plate-bp-md: 768px; --plate-bp-lg: 1024px; --plate-bp-xl: 1280px; --plate-bp-2xl: 1440px; --plate-z-base: 0; --plate-z-raised: 10; --plate-z-sticky: 100; --plate-z-dropdown: 200; --plate-z-overlay: 300; --plate-z-modal: 400; --plate-z-toast: 500; --font-sans: "Instrument Sans", "Instrument Sans Ext", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", "JetBrains Mono Ext", ui-monospace, "SF Mono", Menlo, monospace; }