/* DESIGN.md tokens → CSS custom properties.
 * Generated from /Users/topherscoffeeshop/Documents/ChatGPT/Peasy-iOS/DESIGN.md
 * by design-export.mjs — references resolved, state variants and motion included.
 * The DESIGN.md is the source of truth: regenerate on change, do not hand-edit. */
:root {
  /* updated */
  --updated: 2026-09-11;

  /* colors */
  --colors-paper: #F5F4F0;
  --colors-surface: #FFFFFF;
  --colors-home-day-surface: #ECF3ED;
  --colors-surface-muted: #E2F1E5;
  --colors-surface-strong: #DCEADF;
  --colors-app-icon-background: #CFE6D5;
  --colors-message-surface: #E5E8E6;
  --colors-ink: #18231C;
  --colors-ink-muted: #58655C;
  --colors-border: #CDDCD1;
  --colors-accent: #176B49;
  --colors-accent-pressed: #10543A;
  --colors-illustration-forest: #10543A;
  --colors-illustration-emerald: #176B49;
  --colors-illustration-leaf: #3F8F5F;
  --colors-illustration-lime: #A7D95A;
  --colors-illustration-highlight: #DDF0A3;
  --colors-illustration-honey: #C98B3C;
  --colors-ingredient-highlight: #146BC8;
  --colors-on-accent: #FFFFFF;
  --colors-success: #216747;
  --colors-selection: #2F6F50;
  --colors-sidebar-selection: #C7E3CF;
  --colors-on-selection: #FFFFFF;
  --colors-warning: #7C4F16;
  --colors-error: #A63D35;
  --colors-input-error-surface: #FCEDEA;
  --colors-destructive-surface: #A63D35;
  --colors-on-destructive-surface: #FFFFFF;
  --colors-media-control-surface: #18231C;
  --colors-media-control-surface-pressed: #10543A;
  --colors-media-control-ink: #FFFFFF;
  --colors-print-paper: #FFFFFF;
  --colors-print-ink: #000000;
  --colors-dark-paper: #101512;
  --colors-dark-surface: #18201C;
  --colors-dark-home-day-surface: #18201C;
  --colors-dark-surface-muted: #222B26;
  --colors-dark-message-surface: #292B2A;
  --colors-dark-ink: #F2F5F1;
  --colors-dark-ink-muted: #AFBAB2;
  --colors-dark-border: #344038;
  --colors-dark-accent: #7AD3A1;
  --colors-dark-ingredient-highlight: #65B5FF;
  --colors-dark-on-accent: #102117;
  --colors-dark-success: #7AD3A1;
  --colors-dark-selection: #347454;
  --colors-dark-warning: #F0B76A;
  --colors-dark-error: #F29A92;
  --colors-dark-input-error-surface: #2B1A18;
  --colors-dark-destructive-surface: #98514A;
  --colors-dark-on-destructive-surface: #F2F5F1;

  /* typography */
  --typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-sidebar-brand-font-family: Geist;
  --typography-sidebar-brand-font-size: 20px;
  --typography-sidebar-brand-font-weight: 500;
  --typography-sidebar-brand-line-height: 1.3;
  --typography-sidebar-brand-letter-spacing: -0.2px;
  --typography-onboarding-brand-font-family: Geist;
  --typography-onboarding-brand-font-size: 22px;
  --typography-onboarding-brand-font-weight: 500;
  --typography-onboarding-brand-line-height: 1.3;
  --typography-onboarding-brand-letter-spacing: -0.2px;
  --typography-large-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-large-title-font-size: 34px;
  --typography-large-title-font-weight: 500;
  --typography-large-title-line-height: 1.12;
  --typography-large-title-letter-spacing: -0.5px;
  --typography-landing-hero-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-landing-hero-font-size: 72px;
  --typography-landing-hero-font-weight: 600;
  --typography-landing-hero-line-height: 1;
  --typography-landing-hero-letter-spacing: -2.4px;
  --typography-landing-section-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-landing-section-title-font-size: 48px;
  --typography-landing-section-title-font-weight: 600;
  --typography-landing-section-title-line-height: 1.06;
  --typography-landing-section-title-letter-spacing: -1.4px;
  --typography-landing-lead-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-landing-lead-font-size: 20px;
  --typography-landing-lead-font-weight: 400;
  --typography-landing-lead-line-height: 1.5;
  --typography-landing-lead-letter-spacing: -0.1px;
  --typography-landing-eyebrow-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-landing-eyebrow-font-size: 13px;
  --typography-landing-eyebrow-font-weight: 600;
  --typography-landing-eyebrow-line-height: 1.2;
  --typography-landing-eyebrow-letter-spacing: 1.2px;
  --typography-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-title-font-size: 28px;
  --typography-title-font-weight: 500;
  --typography-title-line-height: 1.18;
  --typography-title-letter-spacing: -0.4px;
  --typography-onboarding-question-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-onboarding-question-font-size: 27px;
  --typography-onboarding-question-font-weight: 500;
  --typography-onboarding-question-line-height: 1.18;
  --typography-onboarding-question-letter-spacing: -0.4px;
  --typography-card-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-card-title-font-size: 20px;
  --typography-card-title-font-weight: 500;
  --typography-card-title-line-height: 1.3;
  --typography-card-title-letter-spacing: -0.2px;
  --typography-section-heading-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-section-heading-font-size: 20px;
  --typography-section-heading-font-weight: 600;
  --typography-section-heading-line-height: 1.3;
  --typography-section-heading-letter-spacing: -0.2px;
  --typography-headline-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-headline-font-size: 17px;
  --typography-headline-font-weight: 600;
  --typography-headline-line-height: 1.35;
  --typography-headline-letter-spacing: 0px;
  --typography-body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-body-font-size: 17px;
  --typography-body-font-weight: 400;
  --typography-body-line-height: 1.45;
  --typography-body-letter-spacing: 0px;
  --typography-body-emphasis-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-body-emphasis-font-size: 17px;
  --typography-body-emphasis-font-weight: 500;
  --typography-body-emphasis-line-height: 1.45;
  --typography-body-emphasis-letter-spacing: 0px;
  --typography-callout-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-callout-font-size: 16px;
  --typography-callout-font-weight: 400;
  --typography-callout-line-height: 1.4;
  --typography-callout-letter-spacing: 0px;
  --typography-recipe-detail-serving-chevron-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-recipe-detail-serving-chevron-font-size: 17px;
  --typography-recipe-detail-serving-chevron-font-weight: 400;
  --typography-recipe-detail-serving-chevron-line-height: 1;
  --typography-recipe-detail-serving-chevron-letter-spacing: 0px;
  --typography-callout-emphasis-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-callout-emphasis-font-size: 16px;
  --typography-callout-emphasis-font-weight: 500;
  --typography-callout-emphasis-line-height: 1.4;
  --typography-callout-emphasis-letter-spacing: 0px;
  --typography-recipe-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-recipe-title-font-size: 17px;
  --typography-recipe-title-font-weight: 600;
  --typography-recipe-title-line-height: 1.45;
  --typography-recipe-title-letter-spacing: 0px;
  --typography-label-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-label-font-size: 15px;
  --typography-label-font-weight: 500;
  --typography-label-line-height: 1.35;
  --typography-label-letter-spacing: 0px;
  --typography-footnote-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-footnote-font-size: 13px;
  --typography-footnote-font-weight: 400;
  --typography-footnote-line-height: 1.4;
  --typography-footnote-letter-spacing: 0.1px;
  --typography-footnote-emphasis-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-footnote-emphasis-font-size: 13px;
  --typography-footnote-emphasis-font-weight: 500;
  --typography-footnote-emphasis-line-height: 1.4;
  --typography-footnote-emphasis-letter-spacing: 0.1px;
  --typography-caption-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-caption-font-size: 12px;
  --typography-caption-font-weight: 400;
  --typography-caption-line-height: 1.35;
  --typography-caption-letter-spacing: 0.1px;
  --typography-caption-emphasis-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-caption-emphasis-font-size: 12px;
  --typography-caption-emphasis-font-weight: 500;
  --typography-caption-emphasis-line-height: 1.35;
  --typography-caption-emphasis-letter-spacing: 0.1px;
  --typography-print-title-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-print-title-font-size: 22px;
  --typography-print-title-font-weight: 600;
  --typography-print-title-line-height: 1.3;
  --typography-print-title-letter-spacing: 0px;
  --typography-print-category-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-print-category-font-size: 16px;
  --typography-print-category-font-weight: 600;
  --typography-print-category-line-height: 1.4;
  --typography-print-category-letter-spacing: 0px;
  --typography-print-item-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-print-item-font-size: 12px;
  --typography-print-item-font-weight: 400;
  --typography-print-item-line-height: 1.4;
  --typography-print-item-letter-spacing: 0px;
  --typography-print-metadata-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-print-metadata-font-size: 11px;
  --typography-print-metadata-font-weight: 400;
  --typography-print-metadata-line-height: 1.4;
  --typography-print-metadata-letter-spacing: 0px;

  /* spacing */
  --spacing-none: 0px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-landing-content-width: 1200px;
  --spacing-landing-hero-copy-width: 640px;
  --spacing-landing-form-width: 640px;
  --spacing-landing-section-inset: 112px;
  --spacing-landing-hero-inset: 72px;
  --spacing-landing-card-inset: 32px;
  --spacing-landing-navigation-height: 72px;
  --spacing-landing-device-width: 320px;
  --spacing-landing-artwork-size: 180px;
  --spacing-landing-badge-height: 32px;
  --spacing-landing-menu-icon-line-travel: 6px;
  --spacing-page-compact: 20px;
  --spacing-page-regular: 32px;
  --spacing-touch-target: 44px;
  --spacing-recipe-detail-serving-control-visual-height: 36px;
  --spacing-recipe-instruction-reorder-symbol-size: 20px;
  --spacing-grocery-item-vertical-inset: 12px;
  --spacing-grocery-quantity-action-visual-size: 36px;
  --spacing-settings-root-row-height: 52px;
  --spacing-settings-issue-report-section-spacing: 4px;
  --spacing-settings-issue-report-divider-row-height: 20px;
  --spacing-settings-issue-report-editor-minimum-height: 160px;
  --spacing-button-visual-height: 44px;
  --spacing-button-tall-visual-height: 52px;
  --spacing-onboarding-interactive-card-height: 70px;
  --spacing-onboarding-selected-card-outline-width: 2px;
  --spacing-onboarding-selection-indicator-outline-width: 2px;
  --spacing-onboarding-selection-indicator-selected-ring-width: 7px;
  --spacing-account-access-content-width: 480px;
  --spacing-account-access-mark-size: 28px;
  --spacing-account-access-action-height: 52px;
  --spacing-account-access-centered-layout-minimum-height: 700px;
  --spacing-account-access-legal-line-gap: 0px;
  --spacing-account-access-action-content-gap: 8px;
  --spacing-account-access-icon-frame-size: 24px;
  --spacing-account-access-provider-icon-size: 24px;
  --spacing-account-access-email-icon-size: 18px;
  --spacing-account-access-outline-width: 1px;
  --spacing-input-outline-width: 1px;
  --spacing-input-focused-outline-width: 2px;
  --spacing-input-header-control-gap: 8px;
  --spacing-input-section-header-row-height: 44px;
  --spacing-inline-validation-icon-size: 14px;
  --spacing-destructive-swipe-action-width: 104px;
  --spacing-shopping-list-status-badge-height: 24px;
  --spacing-shopping-list-status-swipe-action-width: 132px;
  --spacing-shopping-list-creation-range-choice-height: 70px;
  --spacing-shopping-list-creation-meal-card-width: 264px;
  --spacing-shopping-list-pdfpage-width: 612px;
  --spacing-shopping-list-pdfpage-height: 792px;
  --spacing-shopping-list-pdfpage-margin: 54px;
  --spacing-shopping-list-pdfline-spacing: 4px;
  --spacing-shopping-list-pdfsection-spacing: 14px;
  --spacing-app-icon-canvas-size: 1024px;
  --spacing-app-icon-mark-width: 1480px;
  --spacing-app-icon-mark-offset-x: -420px;
  --spacing-app-icon-mark-offset-y: -300px;
  --spacing-app-icon-outline-width: 0px;
  --spacing-header-control-visual-size: 44px;
  --spacing-readable-width: 832px;
  --spacing-sidebar-reveal-fraction: 0.8;
  --spacing-compact-navigation-shadow-radius: 18px;
  --spacing-compact-navigation-shadow-offset-x: -4px;
  --spacing-compact-navigation-shadow-offset-y: 0px;
  --spacing-compact-navigation-shadow-opacity: 0.14;
  --spacing-control-disabled-opacity: 0.6;
  --spacing-control-pressed-opacity: 0.86;
  --spacing-empty-state-illustration-size: 160px;
  --spacing-illustration-asset-canvas-size: 512px;
  --spacing-illustration-artwork-minimum-extent: 338px;
  --spacing-illustration-artwork-maximum-extent: 369px;
  --spacing-store-location-illustration-canvas-width: 768px;
  --spacing-store-location-illustration-canvas-height: 512px;
  --spacing-store-location-illustration-artwork-minimum-extent: 600px;
  --spacing-store-location-illustration-artwork-maximum-extent: 650px;
  --spacing-store-location-illustration-minimum-width: 220px;
  --spacing-store-location-illustration-maximum-width: 420px;
  --spacing-store-location-illustration-width-fraction: 0.72;
  --spacing-store-location-illustration-aspect-ratio: 1.5;
  --spacing-sidebar-avatar-size: 40px;
  --spacing-brand-mark-width: 36px;
  --spacing-retailer-brand-logo-frame-size: 36px;
  --spacing-toolbar-icon-size: 24px;
  --spacing-header-symbol-size: 17px;
  --spacing-toolbar-menu-label-minimum-width: 128px;
  --spacing-toolbar-menu-label-maximum-width: 128px;
  --spacing-toolbar-menu-indicator-size: 10px;
  --spacing-home-shopping-symbol-size: 22px;
  --spacing-compact-settings-symbol-size: 20px;
  --spacing-compact-settings-bottom-inset: 8px;
  --spacing-status-icon-size: 20px;
  --spacing-search-symbol-size: 17px;
  --spacing-navigation-row-icon-size: 24px;
  --spacing-navigation-row-icon-column-width: 24px;
  --spacing-settings-navigation-row-symbol-size: 20px;
  --spacing-navigation-menu-long-stroke-width: 20px;
  --spacing-navigation-menu-short-stroke-width: 13px;
  --spacing-navigation-menu-stroke-height: 2px;
  --spacing-navigation-menu-stroke-gap: 6px;
  --spacing-navigation-menu-icon-height: 10px;
  --spacing-nutrition-accessibility-columns: 1;
  --spacing-nutrition-compact-columns: 2;
  --spacing-nutrition-regular-columns: 4;
  --spacing-nutrition-metric-gap: 8px;
  --spacing-calendar-columns: 7;
  --spacing-calendar-rows: 6;
  --spacing-calendar-day-height: 64px;
  --spacing-calendar-meal-marker-size: 6px;
  --spacing-calendar-today-outline-width: 1px;
  --spacing-home-planned-meal-artwork-size: 80px;
  --spacing-recipe-thumbnail-width: 72px;
  --spacing-recipe-thumbnail-height: 72px;
  --spacing-recipe-catalog-thumbnail-size: 64px;
  --spacing-recipe-detail-artwork-height: 240px;
  --spacing-recipe-editor-artwork-height: 180px;
  --spacing-recipe-editor-section-spacing: 16px;
  --spacing-recipe-duration-picker-height: 150px;
  --spacing-recipe-duration-picker-label-top-inset: 24px;
  --spacing-recipe-ingredient-amount-input-width: 88px;
  --spacing-recipe-card-title-metadata-gap: 8px;
  --spacing-recipe-card-title-maximum-lines: 2;
  --spacing-saved-card-stack-gap: 8px;
  --spacing-meal-planner-selection-action-minimum-width: 56px;
  --spacing-meal-planner-selection-action-visual-height: 32px;
  --spacing-meal-planner-participant-minimum-width: 128px;
  --spacing-meal-planner-step-node-width: 72px;
  --spacing-meal-planner-step-node-height: 40px;
  --spacing-meal-planner-step-connector-height: 2px;
  --spacing-meal-planner-step-vertical-connector-length: 12px;
  --spacing-person-badge-size: 28px;

  /* rounded */
  --rounded-none: 0px;
  --rounded-checkbox: 4px;
  --rounded-sm: 8px;
  --rounded-md: 14px;
  --rounded-lg: 20px;
  --rounded-xl: 28px;
  --rounded-device: 44px;
  --rounded-full: 9999px;

  /* motion */
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 320ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-entrance: cubic-bezier(0, 0, 0, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-transition-feedback: 120ms cubic-bezier(0.2, 0, 0, 1);
  --motion-transition-state: 200ms cubic-bezier(0.2, 0, 0, 1);
  --motion-transition-accordion: 320ms cubic-bezier(0.2, 0, 0, 1);
  --motion-transition-presentation: 320ms cubic-bezier(0, 0, 0, 1);

  /* components */
  --components-accordion-reveal-transition: 320ms cubic-bezier(0.2, 0, 0, 1);
  --components-button-default-height: 44px;
  --components-button-default-rounded: 9999px;
  --components-button-default-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-button-default-typography-font-size: 17px;
  --components-button-default-typography-font-weight: 400;
  --components-button-default-typography-line-height: 1.45;
  --components-button-default-typography-letter-spacing: 0px;
  --components-button-default-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-button-tall-height: 52px;
  --components-button-hit-target-height: 44px;
  --components-button-loading-indicator-size: 20px;
  --components-button-loading-content-gap: 8px;
  --components-button-loading-opacity: 1;
  --components-button-loading-accessibility-value: In progress;
  --components-button-primary-background-color: #176B49;
  --components-button-primary-text-color: #FFFFFF;
  --components-button-primary-dark-background-color: #7AD3A1;
  --components-button-primary-dark-text-color: #102117;
  --components-checkbox-text-color: #58655C;
  --components-checkbox-dark-text-color: #AFBAB2;
  --components-checkbox-selected-background-color: #2F6F50;
  --components-checkbox-selected-text-color: #FFFFFF;
  --components-checkbox-selected-dark-background-color: #7AD3A1;
  --components-checkbox-selected-dark-text-color: #102117;
  --components-dropdown-row-text-color: #18231C;
  --components-dropdown-row-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-dropdown-row-typography-font-size: 17px;
  --components-dropdown-row-typography-font-weight: 400;
  --components-dropdown-row-typography-line-height: 1.45;
  --components-dropdown-row-typography-letter-spacing: 0px;
  --components-dropdown-row-height: 52px;
  --components-dropdown-row-dark-text-color: #F2F5F1;
  --components-dropdown-value-only-text-color: #18231C;
  --components-dropdown-value-only-height: 44px;
  --components-dropdown-value-only-dark-text-color: #F2F5F1;
  --components-dropdown-searchable-trigger-text-color: #18231C;
  --components-dropdown-searchable-trigger-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-dropdown-searchable-trigger-typography-font-size: 17px;
  --components-dropdown-searchable-trigger-typography-font-weight: 400;
  --components-dropdown-searchable-trigger-typography-line-height: 1.45;
  --components-dropdown-searchable-trigger-typography-letter-spacing: 0px;
  --components-dropdown-searchable-trigger-height: 52px;
  --components-dropdown-searchable-trigger-dark-text-color: #F2F5F1;
  --components-grocery-items-list-background-color: transparent;
  --components-grocery-items-list-padding: 0px;
  --components-grocery-items-list-rounded: 0px;
  --components-grocery-item-row-padding: 12px;
  --components-grocery-item-needed-text-color: #58655C;
  --components-grocery-item-needed-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-grocery-item-needed-typography-font-size: 13px;
  --components-grocery-item-needed-typography-font-weight: 400;
  --components-grocery-item-needed-typography-line-height: 1.4;
  --components-grocery-item-needed-typography-letter-spacing: 0.1px;
  --components-grocery-item-needed-dark-text-color: #AFBAB2;
  --components-shopping-price-status-dismiss-symbol-text-color: #58655C;
  --components-shopping-price-status-dismiss-symbol-size: 12px;
  --components-shopping-price-status-dismiss-symbol-dark-text-color: #AFBAB2;
  --components-shopping-price-status-dismiss-target-size: 44px;
  --components-grocery-quantity-control-background-color: transparent;
  --components-grocery-quantity-control-text-color: #18231C;
  --components-grocery-quantity-control-height: 44px;
  --components-grocery-quantity-control-gap: 4px;
  --components-grocery-quantity-control-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-grocery-quantity-control-typography-font-size: 17px;
  --components-grocery-quantity-control-typography-font-weight: 400;
  --components-grocery-quantity-control-typography-line-height: 1.45;
  --components-grocery-quantity-control-typography-letter-spacing: 0px;
  --components-grocery-quantity-control-dark-text-color: #F2F5F1;
  --components-grocery-quantity-action-background-color: #E5E8E6;
  --components-grocery-quantity-action-text-color: #18231C;
  --components-grocery-quantity-action-size: 36px;
  --components-grocery-quantity-action-rounded: 9999px;
  --components-grocery-quantity-action-hit-target-size: 44px;
  --components-grocery-quantity-action-dark-background-color: #292B2A;
  --components-grocery-quantity-action-dark-text-color: #F2F5F1;
  --components-grocery-quantity-amount-background-color: transparent;
  --components-grocery-quantity-amount-text-color: #18231C;
  --components-grocery-quantity-amount-width: 44px;
  --components-grocery-quantity-amount-height: 44px;
  --components-grocery-quantity-amount-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-grocery-quantity-amount-typography-font-size: 17px;
  --components-grocery-quantity-amount-typography-font-weight: 400;
  --components-grocery-quantity-amount-typography-line-height: 1.45;
  --components-grocery-quantity-amount-typography-letter-spacing: 0px;
  --components-grocery-quantity-amount-dark-text-color: #F2F5F1;
  --components-destructive-swipe-action-background-color: #A63D35;
  --components-destructive-swipe-action-text-color: #FFFFFF;
  --components-destructive-swipe-action-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-destructive-swipe-action-typography-font-size: 15px;
  --components-destructive-swipe-action-typography-font-weight: 500;
  --components-destructive-swipe-action-typography-line-height: 1.35;
  --components-destructive-swipe-action-typography-letter-spacing: 0px;
  --components-destructive-swipe-action-rounded: 14px;
  --components-destructive-swipe-action-padding: 12px;
  --components-destructive-swipe-action-width: 104px;
  --components-destructive-swipe-action-height: 44px;
  --components-destructive-swipe-action-dark-background-color: #98514A;
  --components-destructive-swipe-action-dark-text-color: #F2F5F1;
  --components-grocery-item-completion-size: 44px;
  --components-account-access-content-width: 480px;
  --components-account-access-mark-size: 28px;
  --components-account-access-wordmark-text-color: #176B49;
  --components-account-access-wordmark-typography-font-family: Geist;
  --components-account-access-wordmark-typography-font-size: 22px;
  --components-account-access-wordmark-typography-font-weight: 500;
  --components-account-access-wordmark-typography-line-height: 1.3;
  --components-account-access-wordmark-typography-letter-spacing: -0.2px;
  --components-account-access-wordmark-dark-text-color: #7AD3A1;
  --components-account-access-button-background-color: #FFFFFF;
  --components-account-access-button-text-color: #18231C;
  --components-account-access-button-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-account-access-button-typography-font-size: 17px;
  --components-account-access-button-typography-font-weight: 500;
  --components-account-access-button-typography-line-height: 1.45;
  --components-account-access-button-typography-letter-spacing: 0px;
  --components-account-access-button-height: 52px;
  --components-account-access-button-padding: 16px;
  --components-account-access-button-rounded: 9999px;
  --components-account-access-button-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-account-access-button-pressed-background-color: #DCEADF;
  --components-account-access-button-dark-background-color: #222B26;
  --components-account-access-button-dark-text-color: #F2F5F1;
  --components-account-access-button-outline-background-color: #CDDCD1;
  --components-account-access-button-outline-width: 1px;
  --components-account-access-button-outline-rounded: 9999px;
  --components-account-access-input-height: 52px;
  --components-inline-validation-message-text-color: #A63D35;
  --components-inline-validation-message-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-inline-validation-message-typography-font-size: 13px;
  --components-inline-validation-message-typography-font-weight: 400;
  --components-inline-validation-message-typography-line-height: 1.4;
  --components-inline-validation-message-typography-letter-spacing: 0.1px;
  --components-inline-validation-message-dark-text-color: #F29A92;
  --components-inline-validation-message-icon-size: 14px;
  --components-account-access-icon-frame-size: 24px;
  --components-account-access-provider-icon-size: 24px;
  --components-account-access-email-icon-size: 18px;
  --components-account-access-development-bypass-text-color: #176B49;
  --components-account-access-development-bypass-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-account-access-development-bypass-typography-font-size: 13px;
  --components-account-access-development-bypass-typography-font-weight: 400;
  --components-account-access-development-bypass-typography-line-height: 1.4;
  --components-account-access-development-bypass-typography-letter-spacing: 0.1px;
  --components-account-access-development-bypass-size: 44px;
  --components-account-access-development-bypass-rounded: 9999px;
  --components-account-access-development-bypass-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-account-access-development-bypass-dark-text-color: #7AD3A1;
  --components-navigation-action-text-color: #18231C;
  --components-navigation-action-dark-text-color: #F2F5F1;
  --components-app-icon-background-color: #CFE6D5;
  --components-app-icon-size: 1024px;
  --components-app-icon-mark-width: 1480px;
  --components-app-icon-outline-width: 0px;
  --components-icon-button-background-color: #FFFFFF;
  --components-icon-button-text-color: #18231C;
  --components-icon-button-width: 44px;
  --components-icon-button-height: 44px;
  --components-icon-button-size: 44px;
  --components-icon-button-rounded: 9999px;
  --components-icon-button-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-icon-button-pressed-background-color: #DCEADF;
  --components-icon-button-dark-background-color: #18201C;
  --components-icon-button-dark-text-color: #F2F5F1;
  --components-icon-button-pressed-dark-background-color: #222B26;
  --components-photo-header-icon-button-background-color: #18231C;
  --components-photo-header-icon-button-text-color: #FFFFFF;
  --components-photo-header-icon-button-width: 44px;
  --components-photo-header-icon-button-height: 44px;
  --components-photo-header-icon-button-size: 44px;
  --components-photo-header-icon-button-rounded: 9999px;
  --components-photo-header-icon-button-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-photo-header-icon-button-pressed-background-color: #10543A;
  --components-toolbar-button-group-background-color: #FFFFFF;
  --components-toolbar-button-group-text-color: #18231C;
  --components-toolbar-button-group-height: 44px;
  --components-toolbar-button-group-rounded: 9999px;
  --components-toolbar-button-group-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-toolbar-button-group-dark-background-color: #18201C;
  --components-toolbar-button-group-dark-text-color: #F2F5F1;
  --components-toolbar-button-group-symbol-size: 17px;
  --components-toolbar-button-group-menu-label-min-width: 128px;
  --components-toolbar-button-group-menu-label-max-width: 128px;
  --components-toolbar-button-group-menu-label-padding: 12px;
  --components-toolbar-button-group-menu-label-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-toolbar-button-group-menu-label-typography-font-size: 17px;
  --components-toolbar-button-group-menu-label-typography-font-weight: 600;
  --components-toolbar-button-group-menu-label-typography-line-height: 1.35;
  --components-toolbar-button-group-menu-label-typography-letter-spacing: 0px;
  --components-toolbar-button-group-menu-indicator-size: 10px;
  --components-input-default-background-color: #FFFFFF;
  --components-input-default-text-color: #18231C;
  --components-input-default-height: 44px;
  --components-input-default-padding: 16px;
  --components-input-default-rounded: 14px;
  --components-input-default-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-input-default-typography-font-size: 17px;
  --components-input-default-typography-font-weight: 400;
  --components-input-default-typography-line-height: 1.45;
  --components-input-default-typography-letter-spacing: 0px;
  --components-input-default-dark-background-color: #18201C;
  --components-input-default-dark-text-color: #F2F5F1;
  --components-web-import-control-background-color: #FFFFFF;
  --components-web-import-control-text-color: #18231C;
  --components-web-import-control-height: 52px;
  --components-web-import-control-padding: 16px;
  --components-web-import-control-rounded: 14px;
  --components-web-import-control-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-web-import-control-typography-font-size: 17px;
  --components-web-import-control-typography-font-weight: 400;
  --components-web-import-control-typography-line-height: 1.45;
  --components-web-import-control-typography-letter-spacing: 0px;
  --components-web-import-control-dark-background-color: #18201C;
  --components-web-import-control-dark-text-color: #F2F5F1;
  --components-web-import-control-gap-size: 12px;
  --components-web-import-helper-text-color: #58655C;
  --components-web-import-helper-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-web-import-helper-typography-font-size: 13px;
  --components-web-import-helper-typography-font-weight: 400;
  --components-web-import-helper-typography-line-height: 1.4;
  --components-web-import-helper-typography-letter-spacing: 0.1px;
  --components-web-import-helper-dark-text-color: #AFBAB2;
  --components-web-import-helper-gap-size: 8px;
  --components-input-header-text-color: #58655C;
  --components-input-header-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-input-header-typography-font-size: 15px;
  --components-input-header-typography-font-weight: 500;
  --components-input-header-typography-line-height: 1.35;
  --components-input-header-typography-letter-spacing: 0px;
  --components-input-header-gap: 8px;
  --components-input-header-dark-text-color: #AFBAB2;
  --components-input-section-header-row-height: 44px;
  --components-input-section-header-row-padding: 16px;
  --components-input-dropdown-value-text-color: #18231C;
  --components-input-dropdown-value-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-input-dropdown-value-typography-font-size: 17px;
  --components-input-dropdown-value-typography-font-weight: 400;
  --components-input-dropdown-value-typography-line-height: 1.45;
  --components-input-dropdown-value-typography-letter-spacing: 0px;
  --components-input-dropdown-value-dark-text-color: #F2F5F1;
  --components-input-dropdown-indicator-text-color: #18231C;
  --components-input-dropdown-indicator-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-input-dropdown-indicator-typography-font-size: 13px;
  --components-input-dropdown-indicator-typography-font-weight: 500;
  --components-input-dropdown-indicator-typography-line-height: 1.4;
  --components-input-dropdown-indicator-typography-letter-spacing: 0.1px;
  --components-input-dropdown-indicator-dark-text-color: #F2F5F1;
  --components-input-invalid-background-color: #FCEDEA;
  --components-input-invalid-text-color: #18231C;
  --components-input-invalid-dark-background-color: #2B1A18;
  --components-input-invalid-dark-text-color: #F2F5F1;
  --components-input-invalid-placeholder-text-color: #A63D35;
  --components-input-invalid-placeholder-dark-text-color: #F29A92;
  --components-household-member-self-label-text-color: #58655C;
  --components-household-member-self-label-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-household-member-self-label-typography-font-size: 17px;
  --components-household-member-self-label-typography-font-weight: 400;
  --components-household-member-self-label-typography-line-height: 1.45;
  --components-household-member-self-label-typography-letter-spacing: 0px;
  --components-household-member-self-label-dark-text-color: #AFBAB2;
  --components-onboarding-question-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-onboarding-question-typography-font-size: 27px;
  --components-onboarding-question-typography-font-weight: 500;
  --components-onboarding-question-typography-line-height: 1.18;
  --components-onboarding-question-typography-letter-spacing: -0.4px;
  --components-onboarding-footer-bottom-inset-padding: 24px;
  --components-onboarding-interactive-card-height: 70px;
  --components-onboarding-interactive-card-padding: 16px;
  --components-onboarding-interactive-card-rounded: 14px;
  --components-onboarding-interactive-card-selected-outline-background-color: #2F6F50;
  --components-onboarding-interactive-card-selected-outline-width: 2px;
  --components-onboarding-interactive-card-selected-outline-rounded: 14px;
  --components-onboarding-interactive-card-selected-outline-dark-background-color: #7AD3A1;
  --components-onboarding-interactive-card-unavailable-background-color: #E2F1E5;
  --components-onboarding-interactive-card-unavailable-text-color: #18231C;
  --components-onboarding-interactive-card-unavailable-dark-background-color: #222B26;
  --components-onboarding-interactive-card-unavailable-dark-text-color: #F2F5F1;
  --components-onboarding-selection-indicator-text-color: #58655C;
  --components-onboarding-selection-indicator-size: 20px;
  --components-onboarding-selection-indicator-width: 2px;
  --components-onboarding-selection-indicator-rounded: 9999px;
  --components-onboarding-selection-indicator-selected-text-color: #2F6F50;
  --components-onboarding-selection-indicator-selected-width: 7px;
  --components-onboarding-selection-indicator-selected-dark-text-color: #7AD3A1;
  --components-input-outline-background-color: #CDDCD1;
  --components-input-outline-width: 1px;
  --components-input-outline-rounded: 14px;
  --components-input-outline-dark-background-color: #344038;
  --components-input-focused-outline-background-color: #176B49;
  --components-input-focused-outline-width: 2px;
  --components-input-focused-outline-rounded: 14px;
  --components-input-focused-outline-dark-background-color: #7AD3A1;
  --components-input-invalid-outline-background-color: #A63D35;
  --components-input-invalid-outline-width: 2px;
  --components-input-invalid-outline-rounded: 14px;
  --components-input-invalid-outline-dark-background-color: #F29A92;
  --components-recipe-search-background-color: #FFFFFF;
  --components-recipe-search-text-color: #18231C;
  --components-recipe-search-height: 44px;
  --components-recipe-search-size: 17px;
  --components-recipe-search-padding: 16px;
  --components-recipe-search-rounded: 9999px;
  --components-recipe-search-dark-background-color: #18201C;
  --components-recipe-search-dark-text-color: #F2F5F1;
  --components-recipe-search-text-padding: 8px;
  --components-card-background-color: #E2F1E5;
  --components-card-rounded: 14px;
  --components-card-padding: 16px;
  --components-card-dark-background-color: #18201C;
  --components-landing-card-background-color: #FFFFFF;
  --components-landing-card-text-color: #18231C;
  --components-landing-card-rounded: 28px;
  --components-landing-card-padding: 32px;
  --components-landing-menu-action-background-color: #FFFFFF;
  --components-landing-menu-action-text-color: #18231C;
  --components-landing-menu-action-width: 44px;
  --components-landing-menu-action-height: 44px;
  --components-landing-menu-action-rounded: 9999px;
  --components-landing-menu-action-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-landing-primary-action-background-color: #176B49;
  --components-landing-primary-action-text-color: #FFFFFF;
  --components-landing-primary-action-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-landing-primary-action-typography-font-size: 17px;
  --components-landing-primary-action-typography-font-weight: 500;
  --components-landing-primary-action-typography-line-height: 1.45;
  --components-landing-primary-action-typography-letter-spacing: 0px;
  --components-landing-primary-action-height: 52px;
  --components-landing-primary-action-padding: 24px;
  --components-landing-primary-action-rounded: 9999px;
  --components-landing-primary-action-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-landing-secondary-action-background-color: #DCEADF;
  --components-landing-secondary-action-text-color: #18231C;
  --components-landing-secondary-action-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-landing-secondary-action-typography-font-size: 17px;
  --components-landing-secondary-action-typography-font-weight: 500;
  --components-landing-secondary-action-typography-line-height: 1.45;
  --components-landing-secondary-action-typography-letter-spacing: 0px;
  --components-landing-secondary-action-height: 52px;
  --components-landing-secondary-action-padding: 24px;
  --components-landing-secondary-action-rounded: 9999px;
  --components-landing-secondary-action-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
  --components-landing-feedback-panel-background-color: #176B49;
  --components-landing-feedback-panel-text-color: #FFFFFF;
  --components-landing-feedback-panel-rounded: 28px;
  --components-landing-feedback-panel-padding: 32px;
  --components-landing-phone-preview-background-color: #101512;
  --components-landing-phone-preview-text-color: #F2F5F1;
  --components-landing-phone-preview-rounded: 44px;
  --components-landing-phone-preview-padding: 8px;
  --components-navigation-choice-stack-size: 8px;
  --components-navigation-choice-card-background-color: #E5E8E6;
  --components-navigation-choice-card-text-color: #18231C;
  --components-navigation-choice-card-rounded: 14px;
  --components-navigation-choice-card-padding: 12px;
  --components-navigation-choice-card-dark-background-color: #18201C;
  --components-navigation-choice-card-dark-text-color: #F2F5F1;
  --components-navigation-choice-secondary-text-color: #58655C;
  --components-navigation-choice-secondary-dark-text-color: #AFBAB2;
  --components-navigation-choice-artwork-background-color: #E2F1E5;
  --components-navigation-choice-artwork-size: 64px;
  --components-navigation-choice-artwork-rounded: 14px;
  --components-navigation-choice-artwork-dark-background-color: #222B26;
  --components-navigation-choice-symbol-size: 24px;
  --components-social-import-screenshot-background-color: #FFFFFF;
  --components-social-import-screenshot-text-color: #18231C;
  --components-social-import-screenshot-height: 280px;
  --components-social-import-screenshot-rounded: 20px;
  --components-social-import-screenshot-padding: 16px;
  --components-social-import-screenshot-dark-background-color: #18201C;
  --components-social-import-screenshot-dark-text-color: #F2F5F1;
  --components-social-import-tap-marker-background-color: #176B49;
  --components-social-import-tap-marker-text-color: #FFFFFF;
  --components-social-import-tap-marker-size: 32px;
  --components-social-import-tap-marker-rounded: 9999px;
  --components-message-card-background-color: #E5E8E6;
  --components-message-card-rounded: 14px;
  --components-message-card-padding: 16px;
  --components-message-card-dark-background-color: #292B2A;
  --components-sync-notice-background-color: #E5E8E6;
  --components-sync-notice-text-color: #18231C;
  --components-sync-notice-rounded: 14px;
  --components-sync-notice-padding: 12px;
  --components-sync-notice-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-sync-notice-dark-background-color: #292B2A;
  --components-sync-notice-dark-text-color: #F2F5F1;
  --components-sync-notice-symbol-size: 20px;
  --components-section-badge-background-color: #DCEADF;
  --components-section-badge-text-color: #216747;
  --components-section-badge-dark-background-color: #222B26;
  --components-section-badge-dark-text-color: #7AD3A1;
  --components-screen-content-top-padding: 8px;
  --components-screen-content-bottom-padding: 16px;
  --components-screen-section-gap-size: 16px;
  --components-empty-state-section-background-color: #E2F1E5;
  --components-empty-state-section-rounded: 28px;
  --components-empty-state-section-dark-background-color: #18201C;
  --components-empty-state-illustration-size: 160px;
  --components-store-location-privacy-note-padding: 24px;
  --components-recipe-artwork-placeholder-background-color: #DCEADF;
  --components-recipe-artwork-placeholder-dark-background-color: #222B26;
  --components-nutrition-metric-background-color: #E2F1E5;
  --components-nutrition-metric-rounded: 14px;
  --components-nutrition-metric-padding: 12px;
  --components-nutrition-metric-grid-gap-size: 8px;
  --components-home-date-content-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-home-date-navigation-background-color: #DCEADF;
  --components-home-date-navigation-text-color: #18231C;
  --components-home-date-navigation-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-home-date-navigation-typography-font-size: 17px;
  --components-home-date-navigation-typography-font-weight: 600;
  --components-home-date-navigation-typography-line-height: 1.35;
  --components-home-date-navigation-typography-letter-spacing: 0px;
  --components-home-date-navigation-rounded: 9999px;
  --components-home-date-navigation-padding: 8px;
  --components-home-date-navigation-height: 44px;
  --components-home-date-navigation-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-home-date-navigation-dark-background-color: #222B26;
  --components-home-date-navigation-dark-text-color: #F2F5F1;
  --components-home-date-navigation-chevron-size: 17px;
  --components-home-day-meals-section-background-color: #ECF3ED;
  --components-home-day-meals-section-padding: 16px;
  --components-home-day-meals-section-rounded: 20px;
  --components-home-day-meals-section-dark-background-color: #18201C;
  --components-home-planned-recipe-artwork-size: 80px;
  --components-home-planned-recipe-artwork-rounded: 8px;
  --components-home-add-meal-action-size: 44px;
  --components-inline-navigation-title-text-color: #18231C;
  --components-inline-navigation-title-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-inline-navigation-title-typography-font-size: 17px;
  --components-inline-navigation-title-typography-font-weight: 600;
  --components-inline-navigation-title-typography-line-height: 1.35;
  --components-inline-navigation-title-typography-letter-spacing: 0px;
  --components-inline-navigation-title-dark-text-color: #F2F5F1;
  --components-nutrition-metric-dark-background-color: #222B26;
  --components-nutrition-metric-label-text-color: #58655C;
  --components-nutrition-metric-label-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-nutrition-metric-label-typography-font-size: 12px;
  --components-nutrition-metric-label-typography-font-weight: 400;
  --components-nutrition-metric-label-typography-line-height: 1.35;
  --components-nutrition-metric-label-typography-letter-spacing: 0.1px;
  --components-nutrition-metric-label-dark-text-color: #AFBAB2;
  --components-nutrition-metric-value-text-color: #18231C;
  --components-nutrition-metric-value-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-nutrition-metric-value-typography-font-size: 17px;
  --components-nutrition-metric-value-typography-font-weight: 600;
  --components-nutrition-metric-value-typography-line-height: 1.35;
  --components-nutrition-metric-value-typography-letter-spacing: 0px;
  --components-nutrition-metric-value-dark-text-color: #F2F5F1;
  --components-interactive-card-selected-background-color: #E2F1E5;
  --components-interactive-card-selected-text-color: #18231C;
  --components-interactive-card-selected-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-interactive-card-selected-dark-background-color: #222B26;
  --components-interactive-card-selected-dark-text-color: #F2F5F1;
  --components-sidebar-background-color: #E2F1E5;
  --components-sidebar-dark-background-color: #18201C;
  --components-sidebar-item-height: 44px;
  --components-sidebar-item-text-color: #58655C;
  --components-sidebar-item-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-sidebar-item-typography-font-size: 17px;
  --components-sidebar-item-typography-font-weight: 600;
  --components-sidebar-item-typography-line-height: 1.35;
  --components-sidebar-item-typography-letter-spacing: 0px;
  --components-sidebar-item-dark-text-color: #AFBAB2;
  --components-sidebar-item-selected-background-color: #C7E3CF;
  --components-sidebar-item-selected-text-color: #18231C;
  --components-sidebar-item-selected-height: 44px;
  --components-sidebar-item-selected-rounded: 14px;
  --components-sidebar-item-selected-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-sidebar-item-selected-dark-background-color: #347454;
  --components-sidebar-item-selected-dark-text-color: #FFFFFF;
  --components-sidebar-section-background-color: transparent;
  --components-sidebar-brand-typography-font-family: Geist;
  --components-sidebar-brand-typography-font-size: 20px;
  --components-sidebar-brand-typography-font-weight: 500;
  --components-sidebar-brand-typography-line-height: 1.3;
  --components-sidebar-brand-typography-letter-spacing: -0.2px;
  --components-sidebar-error-notice-text-color: #A63D35;
  --components-sidebar-error-notice-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-sidebar-error-notice-typography-font-size: 13px;
  --components-sidebar-error-notice-typography-font-weight: 400;
  --components-sidebar-error-notice-typography-line-height: 1.4;
  --components-sidebar-error-notice-typography-letter-spacing: 0.1px;
  --components-sidebar-error-notice-dark-text-color: #F29A92;
  --components-sidebar-error-notice-symbol-size: 20px;
  --components-sidebar-account-row-height: 44px;
  --components-sidebar-account-row-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-sidebar-account-row-typography-font-size: 17px;
  --components-sidebar-account-row-typography-font-weight: 600;
  --components-sidebar-account-row-typography-line-height: 1.35;
  --components-sidebar-account-row-typography-letter-spacing: 0px;
  --components-sidebar-compact-settings-button-text-color: #18231C;
  --components-sidebar-compact-settings-button-size: 44px;
  --components-sidebar-compact-settings-button-height: 44px;
  --components-sidebar-compact-settings-button-rounded: 9999px;
  --components-sidebar-compact-settings-button-dark-text-color: #F2F5F1;
  --components-sidebar-compact-settings-symbol-size: 20px;
  --components-sidebar-account-avatar-background-color: #DCEADF;
  --components-sidebar-account-avatar-text-color: #18231C;
  --components-sidebar-account-avatar-rounded: 9999px;
  --components-sidebar-account-avatar-size: 40px;
  --components-sidebar-account-avatar-dark-background-color: #222B26;
  --components-sidebar-account-avatar-dark-text-color: #F2F5F1;
  --components-settings-root-row-height: 52px;
  --components-settings-root-row-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-settings-root-row-typography-font-size: 17px;
  --components-settings-root-row-typography-font-weight: 600;
  --components-settings-root-row-typography-line-height: 1.35;
  --components-settings-root-row-typography-letter-spacing: 0px;
  --components-settings-root-row-text-color: #18231C;
  --components-settings-root-row-dark-text-color: #F2F5F1;
  --components-settings-issue-report-layout-gap: 4px;
  --components-settings-issue-report-layout-height: 20px;
  --components-native-grouped-section-background-color: #FFFFFF;
  --components-native-grouped-section-dark-background-color: #18201C;
  --components-settings-appearance-picker-background-color: #FFFFFF;
  --components-settings-appearance-picker-text-color: #18231C;
  --components-settings-appearance-picker-height: 52px;
  --components-settings-appearance-picker-dark-background-color: #18201C;
  --components-settings-appearance-picker-dark-text-color: #F2F5F1;
  --components-settings-recipe-language-picker-background-color: #FFFFFF;
  --components-settings-recipe-language-picker-text-color: #18231C;
  --components-settings-recipe-language-picker-height: 52px;
  --components-settings-recipe-language-picker-dark-background-color: #18201C;
  --components-settings-recipe-language-picker-dark-text-color: #F2F5F1;
  --components-settings-navigation-row-icon-size: 20px;
  --components-settings-navigation-row-icon-width: 24px;
  --components-settings-navigation-row-icon-text-color: #18231C;
  --components-settings-navigation-row-icon-dark-text-color: #F2F5F1;
  --components-settings-destructive-row-text-color: #A63D35;
  --components-settings-destructive-row-dark-text-color: #F29A92;
  --components-brand-mark-width: 36px;
  --components-retailer-brand-logo-size: 36px;
  --components-compact-navigation-surface-background-color: #F5F4F0;
  --components-compact-navigation-surface-rounded: 28px;
  --components-compact-navigation-surface-transition: 320ms cubic-bezier(0, 0, 0, 1);
  --components-compact-navigation-surface-dark-background-color: #101512;
  --components-toolbar-icon-size: 24px;
  --components-header-symbol-size: 17px;
  --components-home-shopping-header-symbol-size: 22px;
  --components-status-icon-size: 20px;
  --components-navigation-row-icon-size: 24px;
  --components-navigation-row-icon-width: 24px;
  --components-navigation-menu-icon-width: 20px;
  --components-navigation-menu-icon-height: 10px;
  --components-navigation-menu-icon-long-stroke-width: 20px;
  --components-navigation-menu-icon-long-stroke-height: 2px;
  --components-navigation-menu-icon-long-stroke-rounded: 9999px;
  --components-navigation-menu-icon-short-stroke-width: 13px;
  --components-navigation-menu-icon-short-stroke-height: 2px;
  --components-navigation-menu-icon-short-stroke-rounded: 9999px;
  --components-navigation-menu-icon-gap-size: 6px;
  --components-calendar-card-background-color: #E2F1E5;
  --components-calendar-card-rounded: 20px;
  --components-calendar-card-padding: 8px;
  --components-calendar-card-dark-background-color: #18201C;
  --components-calendar-selection-summary-field-background-color: #DCEADF;
  --components-calendar-selection-summary-field-text-color: #18231C;
  --components-calendar-selection-summary-field-rounded: 14px;
  --components-calendar-selection-summary-field-padding: 12px;
  --components-calendar-selection-summary-field-dark-background-color: #222B26;
  --components-calendar-selection-summary-field-dark-text-color: #F2F5F1;
  --components-calendar-selection-summary-label-text-color: #58655C;
  --components-calendar-selection-summary-label-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-calendar-selection-summary-label-typography-font-size: 12px;
  --components-calendar-selection-summary-label-typography-font-weight: 500;
  --components-calendar-selection-summary-label-typography-line-height: 1.35;
  --components-calendar-selection-summary-label-typography-letter-spacing: 0.1px;
  --components-calendar-selection-summary-label-dark-text-color: #AFBAB2;
  --components-calendar-selection-summary-value-text-color: #18231C;
  --components-calendar-selection-summary-value-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-calendar-selection-summary-value-typography-font-size: 17px;
  --components-calendar-selection-summary-value-typography-font-weight: 500;
  --components-calendar-selection-summary-value-typography-line-height: 1.45;
  --components-calendar-selection-summary-value-typography-letter-spacing: 0px;
  --components-calendar-selection-summary-value-dark-text-color: #F2F5F1;
  --components-calendar-day-background-color: transparent;
  --components-calendar-day-height: 64px;
  --components-calendar-day-rounded: 8px;
  --components-calendar-day-dark-background-color: transparent;
  --components-calendar-day-selected-background-color: #2F6F50;
  --components-calendar-day-selected-text-color: #FFFFFF;
  --components-calendar-day-selected-dark-background-color: #347454;
  --components-calendar-day-selected-dark-text-color: #FFFFFF;
  --components-calendar-day-range-interior-background-color: #C7E3CF;
  --components-calendar-day-range-interior-text-color: #18231C;
  --components-calendar-day-range-interior-dark-background-color: #222B26;
  --components-calendar-day-range-interior-dark-text-color: #F2F5F1;
  --components-calendar-meal-marker-background-color: #58655C;
  --components-calendar-meal-marker-rounded: 9999px;
  --components-calendar-meal-marker-size: 6px;
  --components-calendar-meal-marker-dark-background-color: #AFBAB2;
  --components-calendar-meal-marker-selected-background-color: #FFFFFF;
  --components-calendar-meal-marker-selected-dark-background-color: #102117;
  --components-calendar-meal-marker-range-interior-background-color: #176B49;
  --components-calendar-meal-marker-range-interior-dark-background-color: #7AD3A1;
  --components-calendar-range-action-background-color: #DCEADF;
  --components-calendar-range-action-rounded: 14px;
  --components-calendar-range-action-padding: 12px;
  --components-calendar-range-action-dark-background-color: #222B26;
  --components-calendar-today-outline-width: 1px;
  --components-recipe-thumbnail-width: 72px;
  --components-recipe-thumbnail-height: 72px;
  --components-recipe-thumbnail-rounded: 14px;
  --components-recipe-catalog-thumbnail-size: 64px;
  --components-recipe-catalog-thumbnail-rounded: 14px;
  --components-recipe-photo-source-action-text-color: #18231C;
  --components-recipe-photo-source-action-dark-text-color: #F2F5F1;
  --components-recipe-file-privacy-note-background-color: transparent;
  --components-recipe-file-privacy-note-text-color: #58655C;
  --components-recipe-file-privacy-note-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-file-privacy-note-typography-font-size: 13px;
  --components-recipe-file-privacy-note-typography-font-weight: 400;
  --components-recipe-file-privacy-note-typography-line-height: 1.4;
  --components-recipe-file-privacy-note-typography-letter-spacing: 0.1px;
  --components-recipe-file-privacy-note-padding: 0px;
  --components-recipe-file-privacy-note-dark-text-color: #AFBAB2;
  --components-recipe-library-card-background-color: transparent;
  --components-recipe-library-card-rounded: 0px;
  --components-recipe-library-card-padding: 0px;
  --components-recipe-card-content-padding: 0px;
  --components-recipe-card-content-gap: 8px;
  --components-recipe-library-card-content-gap-size: 8px;
  --components-recipe-library-nutrition-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-library-nutrition-typography-font-size: 13px;
  --components-recipe-library-nutrition-typography-font-weight: 400;
  --components-recipe-library-nutrition-typography-line-height: 1.4;
  --components-recipe-library-nutrition-typography-letter-spacing: 0.1px;
  --components-recipe-detail-artwork-height: 240px;
  --components-recipe-detail-artwork-rounded: 14px;
  --components-recipe-detail-serving-stepper-text-color: #18231C;
  --components-recipe-detail-serving-stepper-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-detail-serving-stepper-typography-font-size: 16px;
  --components-recipe-detail-serving-stepper-typography-font-weight: 400;
  --components-recipe-detail-serving-stepper-typography-line-height: 1.4;
  --components-recipe-detail-serving-stepper-typography-letter-spacing: 0px;
  --components-recipe-detail-serving-stepper-rounded: 9999px;
  --components-recipe-detail-serving-stepper-height: 36px;
  --components-recipe-detail-serving-stepper-dark-text-color: #F2F5F1;
  --components-recipe-detail-serving-stepper-interaction-height: 44px;
  --components-recipe-detail-serving-value-text-color: #58655C;
  --components-recipe-detail-serving-value-dark-text-color: #AFBAB2;
  --components-recipe-detail-serving-chevron-text-color: #18231C;
  --components-recipe-detail-serving-chevron-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-detail-serving-chevron-typography-font-size: 17px;
  --components-recipe-detail-serving-chevron-typography-font-weight: 400;
  --components-recipe-detail-serving-chevron-typography-line-height: 1;
  --components-recipe-detail-serving-chevron-typography-letter-spacing: 0px;
  --components-recipe-detail-serving-chevron-height: 44px;
  --components-recipe-detail-serving-chevron-width: 44px;
  --components-recipe-detail-serving-chevron-dark-text-color: #F2F5F1;
  --components-recipe-detail-serving-stepper-outline-text-color: #CDDCD1;
  --components-recipe-detail-serving-stepper-outline-width: 1px;
  --components-recipe-detail-serving-stepper-outline-dark-text-color: #344038;
  --components-recipe-editor-artwork-background-color: #DCEADF;
  --components-recipe-editor-artwork-text-color: #58655C;
  --components-recipe-editor-artwork-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-editor-artwork-typography-font-size: 15px;
  --components-recipe-editor-artwork-typography-font-weight: 500;
  --components-recipe-editor-artwork-typography-line-height: 1.35;
  --components-recipe-editor-artwork-typography-letter-spacing: 0px;
  --components-recipe-editor-artwork-height: 180px;
  --components-recipe-editor-artwork-rounded: 14px;
  --components-recipe-editor-artwork-dark-background-color: #222B26;
  --components-recipe-editor-artwork-dark-text-color: #AFBAB2;
  --components-recipe-editor-form-gap: 16px;
  --components-recipe-editor-image-action-size: 44px;
  --components-recipe-editor-image-action-padding: 8px;
  --components-recipe-editor-input-row-background-color: transparent;
  --components-recipe-editor-save-action-background-color: #176B49;
  --components-recipe-editor-save-action-text-color: #FFFFFF;
  --components-recipe-editor-save-action-height: 44px;
  --components-recipe-editor-save-action-padding: 20px;
  --components-recipe-editor-save-action-rounded: 9999px;
  --components-recipe-editor-save-action-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-recipe-editor-save-action-dark-background-color: #7AD3A1;
  --components-recipe-editor-save-action-dark-text-color: #102117;
  --components-recipe-duration-picker-background-color: #FFFFFF;
  --components-recipe-duration-picker-height: 150px;
  --components-recipe-duration-picker-padding-top: 24px;
  --components-recipe-duration-picker-rounded: 14px;
  --components-recipe-duration-picker-dark-background-color: #18201C;
  --components-recipe-ingredient-editor-row-height: 44px;
  --components-recipe-ingredient-editor-row-gap: 12px;
  --components-recipe-ingredient-amount-input-width: 88px;
  --components-recipe-ingredient-unit-action-width: 44px;
  --components-recipe-ingredient-unit-action-height: 44px;
  --components-recipe-instruction-editor-row-height: 44px;
  --components-recipe-instruction-editor-row-gap: 8px;
  --components-recipe-instruction-editor-row-padding: 4px;
  --components-recipe-instruction-number-text-color: #18231C;
  --components-recipe-instruction-number-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-instruction-number-typography-font-size: 17px;
  --components-recipe-instruction-number-typography-font-weight: 400;
  --components-recipe-instruction-number-typography-line-height: 1.45;
  --components-recipe-instruction-number-typography-letter-spacing: 0px;
  --components-recipe-instruction-number-width: 24px;
  --components-recipe-instruction-number-dark-text-color: #F2F5F1;
  --components-recipe-instruction-drag-handle-text-color: #58655C;
  --components-recipe-instruction-drag-handle-system-name: line.3.horizontal;
  --components-recipe-instruction-drag-handle-symbol-size: 20px;
  --components-recipe-instruction-drag-handle-width: 44px;
  --components-recipe-instruction-drag-handle-height: 44px;
  --components-recipe-instruction-drag-handle-dark-text-color: #AFBAB2;
  --components-recipe-list-title-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-recipe-list-title-typography-font-size: 17px;
  --components-recipe-list-title-typography-font-weight: 600;
  --components-recipe-list-title-typography-line-height: 1.45;
  --components-recipe-list-title-typography-letter-spacing: 0px;
  --components-recipe-detail-share-action-text-color: #18231C;
  --components-recipe-detail-share-action-width: 44px;
  --components-recipe-detail-share-action-height: 44px;
  --components-recipe-detail-share-action-size: 44px;
  --components-recipe-detail-share-action-rounded: 9999px;
  --components-recipe-detail-share-action-dark-text-color: #F2F5F1;
  --components-shopping-list-share-action-text-color: #18231C;
  --components-shopping-list-share-action-system-name: square.and.arrow.up;
  --components-shopping-list-share-action-width: 44px;
  --components-shopping-list-share-action-height: 44px;
  --components-shopping-list-share-action-size: 44px;
  --components-shopping-list-share-action-rounded: 9999px;
  --components-shopping-list-share-action-dark-text-color: #F2F5F1;
  --components-shopping-list-pdfpage-background-color: #FFFFFF;
  --components-shopping-list-pdfpage-text-color: #000000;
  --components-shopping-list-pdfpage-width: 612px;
  --components-shopping-list-pdfpage-height: 792px;
  --components-shopping-list-pdfpage-padding: 54px;
  --components-shopping-list-pdfpage-gap: 4px;
  --components-shopping-list-pdftitle-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-pdftitle-typography-font-size: 22px;
  --components-shopping-list-pdftitle-typography-font-weight: 600;
  --components-shopping-list-pdftitle-typography-line-height: 1.3;
  --components-shopping-list-pdftitle-typography-letter-spacing: 0px;
  --components-shopping-list-pdfcategory-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-pdfcategory-typography-font-size: 16px;
  --components-shopping-list-pdfcategory-typography-font-weight: 600;
  --components-shopping-list-pdfcategory-typography-line-height: 1.4;
  --components-shopping-list-pdfcategory-typography-letter-spacing: 0px;
  --components-shopping-list-pdfitem-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-pdfitem-typography-font-size: 12px;
  --components-shopping-list-pdfitem-typography-font-weight: 400;
  --components-shopping-list-pdfitem-typography-line-height: 1.4;
  --components-shopping-list-pdfitem-typography-letter-spacing: 0px;
  --components-shopping-list-pdfmetadata-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-pdfmetadata-typography-font-size: 11px;
  --components-shopping-list-pdfmetadata-typography-font-weight: 400;
  --components-shopping-list-pdfmetadata-typography-line-height: 1.4;
  --components-shopping-list-pdfmetadata-typography-letter-spacing: 0px;
  --components-recipe-menu-edit-text-color: #18231C;
  --components-recipe-menu-edit-dark-text-color: #F2F5F1;
  --components-recipe-menu-delete-text-color: #A63D35;
  --components-recipe-menu-delete-dark-text-color: #F29A92;
  --components-saved-card-stack-size: 8px;
  --components-shopping-list-summary-background-color: transparent;
  --components-shopping-list-summary-height: 44px;
  --components-shopping-list-summary-padding: 0px;
  --components-shopping-list-summary-rounded: 0px;
  --components-shopping-list-summary-vertical-inset-size: 8px;
  --components-shopping-list-summary-content-gap-size: 12px;
  --components-shopping-list-summary-icon-text-color: #176B49;
  --components-shopping-list-summary-icon-size: 24px;
  --components-shopping-list-summary-icon-surface-background-color: #DCEADF;
  --components-shopping-list-summary-icon-surface-rounded: 14px;
  --components-shopping-list-summary-icon-surface-size: 44px;
  --components-shopping-list-summary-icon-surface-dark-background-color: #222B26;
  --components-shopping-list-saved-date-badge-background-color: #E5E8E6;
  --components-shopping-list-saved-date-badge-text-color: #58655C;
  --components-shopping-list-saved-date-badge-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-saved-date-badge-typography-font-size: 12px;
  --components-shopping-list-saved-date-badge-typography-font-weight: 500;
  --components-shopping-list-saved-date-badge-typography-line-height: 1.35;
  --components-shopping-list-saved-date-badge-typography-letter-spacing: 0.1px;
  --components-shopping-list-saved-date-badge-rounded: 9999px;
  --components-shopping-list-saved-date-badge-padding: 8px;
  --components-shopping-list-saved-date-badge-height: 24px;
  --components-shopping-list-saved-date-badge-dark-background-color: #292B2A;
  --components-shopping-list-saved-date-badge-dark-text-color: #AFBAB2;
  --components-shopping-list-status-badge-background-color: #DCEADF;
  --components-shopping-list-status-badge-text-color: #58655C;
  --components-shopping-list-status-badge-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-status-badge-typography-font-size: 12px;
  --components-shopping-list-status-badge-typography-font-weight: 500;
  --components-shopping-list-status-badge-typography-line-height: 1.35;
  --components-shopping-list-status-badge-typography-letter-spacing: 0.1px;
  --components-shopping-list-status-badge-rounded: 9999px;
  --components-shopping-list-status-badge-padding: 8px;
  --components-shopping-list-status-badge-height: 24px;
  --components-shopping-list-status-badge-shopped-text-color: #216747;
  --components-shopping-list-status-badge-dark-background-color: #222B26;
  --components-shopping-list-status-badge-dark-text-color: #AFBAB2;
  --components-shopping-list-status-badge-shopped-dark-text-color: #7AD3A1;
  --components-shopping-list-status-swipe-action-background-color: #DCEADF;
  --components-shopping-list-status-swipe-action-text-color: #176B49;
  --components-shopping-list-status-swipe-action-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-shopping-list-status-swipe-action-typography-font-size: 15px;
  --components-shopping-list-status-swipe-action-typography-font-weight: 500;
  --components-shopping-list-status-swipe-action-typography-line-height: 1.35;
  --components-shopping-list-status-swipe-action-typography-letter-spacing: 0px;
  --components-shopping-list-status-swipe-action-rounded: 14px;
  --components-shopping-list-status-swipe-action-padding: 12px;
  --components-shopping-list-status-swipe-action-width: 132px;
  --components-shopping-list-status-swipe-action-height: 44px;
  --components-shopping-list-status-swipe-action-dark-background-color: #222B26;
  --components-shopping-list-status-swipe-action-dark-text-color: #7AD3A1;
  --components-shopping-list-swipe-actions-gap: 4px;
  --components-shopping-list-creation-range-choice-background-color: #E2F1E5;
  --components-shopping-list-creation-range-choice-text-color: #18231C;
  --components-shopping-list-creation-range-choice-rounded: 14px;
  --components-shopping-list-creation-range-choice-padding: 16px;
  --components-shopping-list-creation-range-choice-height: 70px;
  --components-shopping-list-creation-range-choice-dark-background-color: #18201C;
  --components-shopping-list-creation-range-choice-dark-text-color: #F2F5F1;
  --components-shopping-list-creation-meal-card-background-color: #E2F1E5;
  --components-shopping-list-creation-meal-card-text-color: #18231C;
  --components-shopping-list-creation-meal-card-rounded: 14px;
  --components-shopping-list-creation-meal-card-padding: 12px;
  --components-shopping-list-creation-meal-card-width: 264px;
  --components-shopping-list-creation-meal-card-dark-background-color: #18201C;
  --components-shopping-list-creation-meal-card-dark-text-color: #F2F5F1;
  --components-meal-planner-date-heading-text-color: #18231C;
  --components-meal-planner-date-heading-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-meal-planner-date-heading-typography-font-size: 20px;
  --components-meal-planner-date-heading-typography-font-weight: 600;
  --components-meal-planner-date-heading-typography-line-height: 1.3;
  --components-meal-planner-date-heading-typography-letter-spacing: -0.2px;
  --components-meal-planner-date-heading-height: 44px;
  --components-meal-planner-step-text-color: #58655C;
  --components-meal-planner-step-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-meal-planner-step-typography-font-size: 12px;
  --components-meal-planner-step-typography-font-weight: 500;
  --components-meal-planner-step-typography-line-height: 1.35;
  --components-meal-planner-step-typography-letter-spacing: 0.1px;
  --components-meal-planner-step-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-meal-planner-step-dark-text-color: #AFBAB2;
  --components-meal-planner-step-node-background-color: #E2F1E5;
  --components-meal-planner-step-node-text-color: #58655C;
  --components-meal-planner-step-node-width: 72px;
  --components-meal-planner-step-node-height: 40px;
  --components-meal-planner-step-node-rounded: 14px;
  --components-meal-planner-step-node-dark-background-color: #18201C;
  --components-meal-planner-step-node-dark-text-color: #AFBAB2;
  --components-meal-planner-step-node-completed-background-color: #2F6F50;
  --components-meal-planner-step-node-completed-text-color: #FFFFFF;
  --components-meal-planner-step-node-completed-dark-background-color: #7AD3A1;
  --components-meal-planner-step-node-completed-dark-text-color: #102117;
  --components-meal-planner-step-node-current-background-color: #DCEADF;
  --components-meal-planner-step-node-current-text-color: #2F6F50;
  --components-meal-planner-step-node-current-dark-background-color: #222B26;
  --components-meal-planner-step-node-current-dark-text-color: #7AD3A1;
  --components-meal-planner-step-node-current-outline-background-color: #2F6F50;
  --components-meal-planner-step-node-current-outline-width: 2px;
  --components-meal-planner-step-node-current-outline-rounded: 14px;
  --components-meal-planner-step-node-current-outline-dark-background-color: #7AD3A1;
  --components-meal-planner-step-connector-background-color: #CDDCD1;
  --components-meal-planner-step-connector-height: 2px;
  --components-meal-planner-step-connector-dark-background-color: #344038;
  --components-meal-planner-step-connector-active-background-color: #2F6F50;
  --components-meal-planner-step-connector-active-dark-background-color: #7AD3A1;
  --components-meal-planner-step-vertical-connector-width: 2px;
  --components-meal-planner-step-vertical-connector-height: 12px;
  --components-meal-planner-step-label-completed-text-color: #2F6F50;
  --components-meal-planner-step-label-completed-dark-text-color: #7AD3A1;
  --components-meal-planner-step-label-current-text-color: #2F6F50;
  --components-meal-planner-step-label-current-dark-text-color: #7AD3A1;
  --components-meal-planner-recipe-choice-background-color: transparent;
  --components-meal-planner-recipe-choice-rounded: 0px;
  --components-meal-planner-recipe-choice-padding: 0px;
  --components-meal-planner-recipe-separator-background-color: #CDDCD1;
  --components-meal-planner-recipe-separator-height: 1px;
  --components-meal-planner-recipe-separator-dark-background-color: #344038;
  --components-meal-planner-recipe-separator-slot-height: 12px;
  --components-meal-planner-selection-action-background-color: #DCEADF;
  --components-meal-planner-selection-action-text-color: #18231C;
  --components-meal-planner-selection-action-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-meal-planner-selection-action-typography-font-size: 13px;
  --components-meal-planner-selection-action-typography-font-weight: 500;
  --components-meal-planner-selection-action-typography-line-height: 1.4;
  --components-meal-planner-selection-action-typography-letter-spacing: 0.1px;
  --components-meal-planner-selection-action-rounded: 9999px;
  --components-meal-planner-selection-action-padding: 12px;
  --components-meal-planner-selection-action-width: 56px;
  --components-meal-planner-selection-action-height: 32px;
  --components-meal-planner-selection-action-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-meal-planner-selection-action-hit-target-height: 44px;
  --components-meal-planner-selection-action-dark-background-color: #222B26;
  --components-meal-planner-selection-action-dark-text-color: #F2F5F1;
  --components-meal-planner-selection-action-selected-background-color: #2F6F50;
  --components-meal-planner-selection-action-selected-text-color: #FFFFFF;
  --components-meal-planner-selection-action-selected-dark-background-color: #7AD3A1;
  --components-meal-planner-selection-action-selected-dark-text-color: #102117;
  --components-meal-planner-participant-height: 44px;
  --components-meal-planner-participant-width: 128px;
  --components-meal-planner-participant-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-meal-planner-participant-typography-font-size: 13px;
  --components-meal-planner-participant-typography-font-weight: 400;
  --components-meal-planner-participant-typography-line-height: 1.4;
  --components-meal-planner-participant-typography-letter-spacing: 0.1px;
  --components-meal-planner-participant-list-transition: 320ms cubic-bezier(0, 0, 0, 1);
  --components-meal-planner-footer-navigation-group-height: 44px;
  --components-meal-planner-footer-navigation-group-size: 52px;
  --components-meal-planner-footer-navigation-group-rounded: 9999px;
  --components-cooking-step-background-color: #E2F1E5;
  --components-cooking-step-text-color: #18231C;
  --components-cooking-step-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-cooking-step-typography-font-size: 28px;
  --components-cooking-step-typography-font-weight: 500;
  --components-cooking-step-typography-line-height: 1.18;
  --components-cooking-step-typography-letter-spacing: -0.4px;
  --components-cooking-step-rounded: 14px;
  --components-cooking-step-padding: 16px;
  --components-cooking-step-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --components-cooking-step-dark-background-color: #18201C;
  --components-cooking-step-dark-text-color: #F2F5F1;
  --components-ingredient-highlight-text-color: #146BC8;
  --components-ingredient-highlight-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-ingredient-highlight-typography-font-size: 17px;
  --components-ingredient-highlight-typography-font-weight: 500;
  --components-ingredient-highlight-typography-line-height: 1.45;
  --components-ingredient-highlight-typography-letter-spacing: 0px;
  --components-ingredient-highlight-dark-text-color: #65B5FF;
  --components-ingredient-highlight-dark-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-ingredient-highlight-dark-typography-font-size: 17px;
  --components-ingredient-highlight-dark-typography-font-weight: 500;
  --components-ingredient-highlight-dark-typography-line-height: 1.45;
  --components-ingredient-highlight-dark-typography-letter-spacing: 0px;
  --components-person-badge-background-color: #DCEADF;
  --components-person-badge-text-color: #18231C;
  --components-person-badge-size: 28px;
  --components-person-badge-rounded: 9999px;
  --components-person-badge-dark-background-color: #222B26;
  --components-person-badge-dark-text-color: #F2F5F1;
  --components-planned-meal-slot-label-text-color: #58655C;
  --components-planned-meal-slot-label-typography-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  --components-planned-meal-slot-label-typography-font-size: 17px;
  --components-planned-meal-slot-label-typography-font-weight: 500;
  --components-planned-meal-slot-label-typography-line-height: 1.45;
  --components-planned-meal-slot-label-typography-letter-spacing: 0px;
  --components-planned-meal-slot-label-dark-text-color: #AFBAB2;
  --components-detail-presentation-transition: 320ms cubic-bezier(0, 0, 0, 1);
}