:root {
  /* Foundation */
  --theme-color-site-bg: var(--wp--preset--color--base);
  --theme-color-text: var(--wp--preset--color--contrast);
  --theme-color-text-muted: rgb(51 45 44 / 72%);
  --theme-color-heading: var(--wp--preset--color--secondary);
  --theme-color-link-hover: var(--wp--preset--color--primary);
  --theme-color-border: var(--wp--custom--color--form-border);
  --theme-focus-outline-color: var(--wp--preset--color--secondary);
  --theme-font-style-heading: italic;

  /* Buttons */
  --theme-button-color: var(--wp--preset--color--base);
  --theme-button-bg: var(--wp--preset--color--primary);
  --theme-button-border-color: var(--wp--preset--color--primary);
  --theme-button-radius: var(--wp--custom--radius--button);
  --theme-button-shadow: 1px 1px 0 1px transparent;
  --theme-button-hover-color: var(--theme-button-color);
  --theme-button-hover-bg: var(--wp--preset--color--secondary);
  --theme-button-hover-border-color: var(--wp--preset--color--secondary);
  --theme-button-hover-shadow: none;
  --theme-button-focus-color: var(--theme-button-color);
  --theme-button-focus-bg: var(--theme-button-bg);
  --theme-button-focus-border-color: var(--wp--preset--color--secondary);
  --theme-button-active-color: var(--theme-button-color);
  --theme-button-active-bg: var(--theme-button-bg);
  --theme-button-active-border-color: var(--theme-button-border-color);
  --theme-button-secondary-color: var(--wp--preset--color--base);
  --theme-button-secondary-bg: transparent;
  --theme-button-secondary-border-color: var(--wp--preset--color--primary);
  --theme-button-secondary-hover-color: var(--wp--preset--color--base);
  --theme-button-secondary-hover-bg: var(--wp--preset--color--primary);
  --theme-button-secondary-hover-border-color: var(--wp--preset--color--primary);
  --theme-button-light-color: var(--theme-button-secondary-color);
  --theme-button-light-bg: var(--theme-button-secondary-bg);
  --theme-button-light-border-color: var(--theme-button-secondary-border-color);

  /* Forms */
  --theme-form-input-color: var(--theme-color-text);
  --theme-form-input-bg: transparent;
  --theme-form-input-border-color: var(--wp--custom--color--form-border);
  --theme-form-input-focus-border-color: var(--wp--preset--color--secondary);
  --theme-form-label-color: var(--theme-color-text-muted);
  --theme-form-accent-color: var(--wp--preset--color--secondary);

  /* Cards and panels */
  --theme-card-bg: var(--wp--preset--color--base);
  --theme-card-color: var(--theme-color-text);
  --theme-card-heading-color: var(--theme-color-heading);
  --theme-card-border-color: var(--theme-color-border);
  --theme-card-shadow: var(--theme-shadow-sm);
  --theme-card-hover-shadow: var(--theme-shadow-md);

  --theme-panel-bg: var(--wp--preset--color--base);
  --theme-panel-border: 2px solid var(--theme-color-heading);

  /* Header and navigation */
  --theme-header-bg: transparent;
  --theme-header-color: var(--wp--preset--color--base);
  --theme-header-sticky-bg: var(--wp--preset--color--secondary);
  --theme-header-logo-color: var(--wp--preset--color--base);
  --theme-header-mobile-logo-color: var(--wp--preset--color--secondary);
  --theme-nav-link-color: var(--wp--preset--color--base);
  --theme-nav-link-hover-color: var(--theme-nav-link-color);
  --theme-nav-link-active-color: var(--theme-nav-link-color);
  --theme-mobile-nav-bg: var(--wp--preset--color--base);
  --theme-mobile-nav-link-color: var(--wp--preset--color--contrast);
  --theme-mobile-nav-link-hover-color: var(--wp--preset--color--primary);

  /* Footer */
  --theme-footer-bg: var(--wp--preset--color--base);
  --theme-footer-color: var(--wp--preset--color--contrast);
  --theme-footer-accent-bg: var(--wp--preset--color--secondary);
  --theme-footer-accent-color: var(--wp--preset--color--base);
  --theme-footer-link-hover-color: var(--wp--preset--color--secondary);
  --theme-footer-logo-link-color: var(--theme-footer-color);
  --theme-footer-logo-icon-color: var(--theme-color-text-muted);
  --theme-footer-logo-icon-opacity: 0.5;
}